【React入门】【React+Router+Redux+AntDesign】【个人中心项目】（1）配置路由

1. 项目创建

按照React项目结构中所述完成准备。

利用create-react-app(cra)创建项目，对创建出的项目目录的说明参考React项目结构。

清理src文件下的index.js与App.js，使之变为空项目。

2. 安装Router

注意：本章节中，请区分自定义组件Router，和从react-route-dom中引入的Route组件。它们很相似，只差一个在结尾的r。

可以理解为route是一个动作，router是一个设备。route组件是一个设定访问线路的动作（route行为），router则是一个可以执行多个route动作的组件。

安装router

 由于生产环境需要router，所以不要用-D命令来只安装到开发环境中。（用缺省或-S都可以

npm i react-router-dom -S

引入BrowserRouter（在App.js中操作）

在App.js里面引入BrowserRouter（这里用的是解构赋值的方式）不用引入Route和Switch组件，因为，为了项目结构合理，Router的具体实现不写在App.js里。

import { BrowserRouter } from 'react-router-dom'

BrowserRouter 用法：用BrowserRouter组件包裹App组件的返回内容。

为了项目结构