React项目（垃圾分类后台管理） 1.项目搭建

1.项目初始化 npm install create-react-app -g //全局安装脚手架

　　　　　　　create-react-app 项目名 //创建项目　

2.antd 　　 npm install antd --save

3.路由　　　　npm install react-router-dom --save

antd测试

React项目（垃圾分类后台管理）
1.项目搭建

路由测试

React项目（垃圾分类后台管理）
1.项目搭建

路由分为两类：

1.直接可访问的（登录页面、404页面...）

2.需要登录后才能访问的（垃圾管理页面、用户信息页面....）

React项目（垃圾分类后台管理）
1.项目搭建

在入口文件中重新配置路由

React项目（垃圾分类后台管理）
1.项目搭建

或用结构赋值

React项目（垃圾分类后台管理）
1.项目搭建

当我们访问所有admin开头的地址时，都用app容器来渲染，其他地址自动重定向到404

React项目（垃圾分类后台管理）
1.项目搭建

app容器

React项目（垃圾分类后台管理）
1.项目搭建

在组件中使用路由需要用到

import {withRouter} from 'react-router-dom' //在组件中使用路由时用到