南皮网站建设大数据网站

npm创建 react项目

安装node
创建项目目录
执行命令npx create-react-app react-basic

如果 webstorm 执行报错,需要在 websotrm配置node路径
以及重启电脑即可

package.json

depent: 依赖的包
scripts: 执行的命令

清理文件夹

只保留 index.js App.js

index.js

App.js

讲解

index.js是项目的入口与起点
react 与 react-dom/client 是react两个核心包

渲染

这个项目渲染的是index.html,index.html在 public 目录 里面

启动方式

在 zh-hans.react.dev 有很多启动方式,适合不同的国家