React-19:初始化React脚手架

安装流程

  1. npm i -g create-react-app
  2. create-react-app react_staging (名字可以自己起)
  3. npm start (开启项目)

使用React脚手架实现Hello组件

public下的index.html

  • 这个文件主要是一个id为root的容器,用来存放React渲染的组件。

入口文件index.js

  • 这个文件是一个入口文件,这个文件主要负责,引入React核心库,React-dom库,以及引入App.js文件
  • App.js是所有组件的外壳。
  • 在index.js文件下可以直接通过DOM操作public下的index.html文件,因为底层React已经帮我们实现。

外壳文件App.js

猜你喜欢

转载自blog.csdn.net/sinat_41696687/article/details/115251557