写一个hello world
昨天已经学会了用react的脚手架create-react-app,新建一个空的react项目,今天写一个hello world
- 删除src下的所有文件
- 新建一个index.js入口文件,引入react、reactDom、以及一个你要挂载展示的组件app,然后用reactDom的render函数,将app组件挂载到root上:
import React from 'react'
import ReactDom from 'react-dom'
import App from './App'
ReactDom.render(<App/>, document.getElementById('root'))
- 写app组件
import React, { Component } from 'react'
class App extends Component {
render () {
return (
<div>
hello, world
</div>
)
}
}
export default App
- 在终端执行npm start,就可以在浏览器端看到编写的结果了
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。