React路由的基本用法1.React Router4.0基本概述：
React Router4.0 (以下简称RR4 )是React的设计理念，即一切都是部件。 因此，RR4是提供导航功能的组件的集合，有几个对象和方法。 声明式(声明式编程的特点很简单，就是不需要只关心要做什么，不需要关心怎么做，可以组合。
R4采用单代码仓库模型体系结构(monorepo )。 也就是说，这个仓库里有几个独立的包装，包括：
用于react-routerReact Router核心react-router-domdom绑定的react router react-router-nativereactnative的reactrouter react-routive
1.react-router-dom与react-router的关系：
在使用React时，通常部署两个软件包： React和react-dom，但react-router和react-router-dom是否同时引用这两个软件包？ 其实他俩引用一个就行了。 因为在react-router-dom中依赖react-router('react-router-DOM包括react-router '的关系)。 如下图所示
2.react-router-dom与react-router的区别：
这些区别在于，react-router-dom比react-router有更多类似于LinkBrowserRouter的组件。
3.react-router-dom的基本用法：
react-router-dom的API可以在网上搜索到一大堆，但这里不吵； 直接怎么用？
1 .首先使用create-react-app脚手架工具初始化项目名称为react19的项目，完成目录结构。
2 .然后，使用命令yarn add react-router-dom或cnpm install react-router-dom安装react-router-dom依赖软件包，并在App.js中使用规则
基本总结：
1 .浏览器路由器组件： Router是浏览器路由器的别名，表示浏览器路由器本身。 浏览器路由器使用的是H5 Histroy API高端路由组件。
2 .交换机组件：用于仅渲染与当前访问地址匹配的第一个路由组件和redireact组件；
3.Route/组件：如果地址URL和路径属性的设置匹配，则呈现相应的UI组件接口；
4.HashRouter组件：其作用主要是利用Hash值原理进行地址—UI匹配。 在RR4中没有被舍弃，但不推荐； 熟悉vue-router的人可以知道与vue-router的匹配原理相同；
5.NavLink组件—主要是当导航准备好处于活动状态时； 与Link路由相匹配；不同的是，NavLink有状态标记，Link有无状态标记，如果有以下效果，建议使用NavLink :
NavLink的使用方法如下。
navlink to='/one ' active class name=' actived '/navlink或更高版本是React-Router-Dom的基本组件和API的说明。 详情请用百度；
通过运行npm start命令，可以启动服务器以查看效果。