一、首先项目准备

全局安装react

cnpm i create-react-app -g

创建react脚手架

create-react-app "自定义命名"

其次cd进入所创建的项目文件夹

npm start 启动项目

看到这样就好了。

随后配置react路由在终端输入

npm i react-router-dom

按照现在来装的话默认都是v6版本，如果有需要可以按照这样来指定任意版本。

npm i react-router-dom@5.3.0 --save

这里就拿v5举个栗子

———————————————————————————————————————————————

二、 进入项目目录

进入目录我们看到的应该都是这样的：

这里来捋一下这些若干份的文件 哪些是我们这个项目需要的

App.js 属于我们的根文件

index.js 属于入口文件

其他的该项目并不需要我们一律删掉就好

删掉之后我们会发现项目启动不了了 问题在于index.js 被删掉的有一些是和index相关联的 我们需要进去更改一下

箭头所指处都要删掉而后在<App/>组件后添加一个 , 逗号。

而后打开页面就是酱紫啦。