提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

React学习记录

一、抽离组件到独立的JS文件中

1.先创建一个Hello.js

代码如下（示例）：

//Hello.js
import React from "react"
class Hello extends React.Component{
    render(){
        return <div id='root'>Hello class Component</div>
    }
}
export default Hello
//导出Hello组件

2.再创建一个index.js文件

代码如下（示例）：

import React from "react"
import  ReactDOM  from "react-dom"

//抽离组件到独立的js文件中

//导入Hello组件
import Hello from './Hello'
//渲染组件
ReactDOM.render(<Hello />, document.getElementById('root'))

运行结果如下：