6. 用React脚手架写HelloReact

86 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第6天,点击查看活动详情

6. 用React脚手架写HelloReact

6.1 新建一个app

  • 新建项目 yarn create react-app app-name
  • 运行项目 yarn start
  • 删除public中除favicon.ico和index.html的其他文件(删除index.html中其他无关配置)
  • 删除src中全部文件

6.2 开始coding

  • index.js
    • 新建 src/index.js 作为项目入口
    • 渲染一个标题标签:
      1. import 'react' 和 'react-dom'
      2. 通过ReactDOM.render()将标题渲染至index.html中的root中
  • App.js
    • App 类要继承 React.Component
    • 使用 React 需要import导入react包