这是我参与11月更文挑战的第14天，活动详情查看：2021最后一次更文挑战
学习了之前的文章，我们来学习一下路由。我们都知道React是一个SPA(单页)应用，它需要一种路由机制去让其在不同视图之间切换，且不需要刷新整个网页，我们今天学习的React-Router就是用来解决这个问题的。
一、新项目的创建与初始配置
1.新项目的创建
我们先创建一个新的React项目
npx create-react-app router-learn
2.Reacr Router的包与下载
React Router有三个包：
react-router:核心包，提供最基本的路由功能react-router-dom:用于开发React Web浏览器应用react-router-native:用于开发React Native移动端应用
其中，第二个和第三个包均依赖于react-router这一个核心包，因此在下载包时，只需要直接对应选择第二个或第三个包下载即可，react-router会自动下载
npm install react-router-dom
3.Ant Design of React安装
我总感觉只看文章会让我印象不深，所以我尝试用一些小例子来边做边学，加深自己的印象，避免下次做项目还是从0开始
在Vue项目里常用Antd，这次学习React也用Antd来搞
安装Antd
npm install antd
检查是否成功安装：
在App.js里尝试用一下组件能不能够正常显示就能够确定了：
//JS中引入Andt按钮组件
import {Button} from 'antd';
//CSS文件中引入Antd样式
@import '~antd/dist/antd.css';
最终使用组件，就能看自己是不是安装成功了
4.项目准备
准备一个项目，想了一下，我认为可以做一个工具导航类项目，学路由肯定够了，后续学习其它的知识点可能还可以添加新功能上去
布局就选一个现成的，后面准备一下数据
计划：
- 准备一些实用工具的数据
- 确定各个栏目
- 对路由相关知识点进行实现
