创建组件
在src下新建目录component,在目录下新建HelloWorld.js文件。
导入React
import React,{Component} from 'react'
定义类
export default class HelloWorld extends Component{
render() {
return (
<div className="welcome">
欢迎访问HelloWorld页面
</div>
);
}
}
引入组件
在App.js内引入组件
import HelloWorld from './components/HelloWorld.js'
在div标签使用HelloWorld标签
<div className="App">
<p>这是我的第一个React项目</p>
<HelloWorld></HelloWorld>
</div>
启动项目
npm start
启动浏览器内可以查看到HelloWorld的显示内容。