React-RouterV6版本的升级了也有段时间了，部分同学还是对v6版本有一些地方不太理解，今天咱们花10分钟来讲下v5和v6有哪些使用上的差异。
React-RouterV6版本常用路由组件和hooks
如表格，V6版本常用的组件和hooks，这些是新增的常用部分，不常用部分可以查看官方文档。接下来，咱们通过案例的形式来比较上面新增的那些变化。
在app.js中分别搭建home和about页面路由。
嵌套路由是V6版本对之前版本一个较大的升级，采用嵌套路由会智能的识别
当访问/user/123的时候，组件树将会变成这样
当访问/user/create的时候，组件树将变成这样
注意，上面写法需要在父组件中指定子组件渲染位置，
相当于占位符，告诉当前组件，子路由在当前位置进行渲染。由于v6版本已经废弃withRouter这个高阶函数，所以类组件获取路由对象可以通过封装高阶组件的方式来创建出来withRouter这个函数，代码如下
通过地址栏中的home?key=value&key=value传递
我们在App.js中通过useRoutes这个hooks来搭配路由。如下
欢迎持续关注陆神，这里会为你带来更多精彩的前端内容哦！觉得有用的话，请动动你的小手，关注一下我，给我的文章点个赞呗。
0
