步骤:
- 创建Hello.js文件
- 在Hello.js文件中导入React
- 在Hello.js文件中创建组件(函数/类组件)
- 在Hello.js文件中导出组件
- 在index.js文件中导入Hello组件
- 在index.js文件中渲染Hello组件
代码:
//Hello.js
import React from 'react'
class Hello extend React.Component{
render(){
return (<div>Hello React</div>)
}
}
export default Hello
//index.js
import Hello from './Hello.js'
ReactDOM.render(<Hello />,document.getElementById('root'))