前端学习（2306）：react之组件使用之图片使用

Home.js

import React, {Component,Fragment} from 'react';
import ImgA from "../assset/index.jpg"
class Home extends Component {render() {return (<Fragment><div>你好我是组件{parseInt(Math.random()*10)}</div><div>你好我是组件2{parseInt(Math.random()*10)}<img src={ImgA} alt=""/></div></Fragment>);}
}export default Home;

app.js

import React from 'react';
import logo from './logo.svg';
import './App.css';
import  Home from './components/Home.js'
function App() {return (<div className="App"><Home></Home></div>);
}export default App;

前端学习（2306）：react之组件使用之图片使用相关推荐

React学习(六)-React中组件的数据-state
虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文 | 川川 ID:suibichuanji 点击下方 ...
WEB前端学习——第六次作业（banner图片左右切换按钮）
WEB前端学习--第六次作业(banner图片左右切换按钮) 使用小米商城首页的banner作为举例代码如下: <!DOCTYPE html> <html><head& ...
【前端学习】React学习资料
React 是一种开源的 JavaScript 库,用于构建用户界面.它由 Facebook 开发并维护,已经成为了当今最流行的前端库之一.与其他框架不同,React 主要专注于视图层(View),旨 ...
React学习(6)-React中组件的数据-state
前言组件中的state具体是什么?怎么更改state的数据? setState函数分别接收对象以及函数有什么区别? 如何划分组件的状态数据,进行自我的灵魂拷问,以及props与state的灵魂对比 ...
【前端学习】React学习笔记-事件、生命周期、虚拟DOMdiffing
跟着尚硅谷的天禹老师学习React 看视频可以直接点击 b站视频地址 React中的事件处理补充ref 上面的ref在React官网中提到不要被过度使用,在一些情况下可以使用其他方法来获取数据,比如 ...
react学习(46)----react渲染组件
const element = <div />; 不过,React 元素也可以是用户自定义的组件: const element = <Welcome name="Sara& ...
前端学习之React篇-（1）最简React——Html直接引用React
当新手想看看React是什么样的,语法是什么样的,那么这里给出了一个最简单的使用React的方法--就是在html页面中直接引入React的js文件,然后在这个html中直接写react的js即可,简 ...
帮我写一个前端页面,使用react，组件使用antd,页面中需要有一个表格,表格包含序号、名称、创建日期。表格可以分页显示...
好的,下面是一个使用 React 和 Antd 实现的带有分页的表格的示例: import { Table, Pagination } from 'antd';const columns = [{ti ...
前端学习（2554)：组件基础和组件注册

前端学习（2306）：react之组件使用之图片使用

前端学习（2306）：react之组件使用之图片使用相关推荐

最新文章

热门文章