之前用脚手架创建了一个react项目,将react自带的src文件夹删除后创建一个空的src文件夹
在src文件夹中创建一个index.jsx文件作为JS入口文件并创建一个hello组件
现在我们进入到hello.jsx
import React from 'react';
//声明组件
class Hello extends React.Component{
//写虚拟DOM元素,要卸载render函数里面
render(){
return(
// 如果要写多个标签一定要记得要写在一个根元素里面
<div>
<h1>我是Hello组件中的h1标签</h1>
<p>我是Hello组件中的p标签</p>
</div>
);
}
}
//最后一定要记得向外输出这个组件
export default Hello;
最后我们在终端中输入npm start 就好了