根据React路由时通过浏览器输入的URL找到对应的页面。 本文主要从四个方面进行解说。 第一个是路由的安装，第二个是一次路由和多级路由的构成，第二个是路由之间的参数传递的方法，第四个是浏览器的历史记录和混列的历史记录的构成，还有区别
1 .路由安装路由的安装是通过在yarn add上导入对应的软件包在yarn上安装的
yarn add react-Router-dom 2、一级路由和多级路由配置2.1路由是导入{ hash router，route，switch } from ' react-1
2.2一级路由配置一级路由是一级嵌套路由，路由可以嵌套多个路由，依次类推。
一级道路结构如下：
导入页404 from ' views/error page/page 404 '； importindexfrom ' views/index/index '； hashrouterswitchrouteexactpath='/' component={ index }/route path='/exception/404 ' component={ page 404 }/route component在import中引入的组件，交换机只能从列表路由中选择一个。 如果没有，路由中可能会发生多层嵌套
render((const ) match )=this.propsreturn ) Hashrouterswitchrouteexactpath ) ` match.URL )/AAA ` }组件$ { switch/hashrouter}}多级路由和第1级路由的不同之处在于路径的书写方式不同，多级路由将当前页面
3、浏览器历史和散列历史的不同浏览器历史和散列不同首先是路径。 浏览器历史记录使用域名www.banbansmile.com/index记录历史记录的访问路径，但Hash历史记录不同。 在域名和路径之间增加了一个#。 例如，www.banbansmile.com/com React的默认值为内存历史记录。 如果使用浏览器历史记录，则必须在HashRouter中添加和设置createBrowserHistory ()方法。 如下所示
导入{ createbrowserhistory } from ' history '； router history={ createbrowserhistory (} switchrouteexactpath={ '/' } component={ first }/routeexactpath={ '/firious } https://www.cn blogs.com/nan gezi/p/11490778.html
内存、混列历史记录与浏览器历史记录的不同之处在于，跳转页面时，内存历史记录页面不会全部更新，但每次请求浏览器历史记录时，页面都会全部更新。 我本来打算把这个博客更改为浏览器历史记录，但是因为用户体验不好，所以没有更换