写一个hello world

昨天已经学会了用react的脚手架create-react-app,新建一个空的react项目,今天写一个hello world

  1. 删除src下的所有文件
  2. 新建一个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'))
  1. 写app组件
import React, { Component } from 'react'

class App extends Component {
  render () {
    return (
      <div>
        hello, world
      </div>
    )
  }
}

export default App
  1. 在终端执行npm start,就可以在浏览器端看到编写的结果了

老头艾
1 声望1 粉丝