React-router 4

Posted eret9616

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React-router 4相关的知识,希望对你有一定的参考价值。

React-Router 4:

 

BrowserRouter包裹整个应用

 

Router路由对应渲染的组件,可嵌套

 

Link跳转专用

 

首先

 

技术分享图片

 

然后

 

技术分享图片

 

其他组件:

url参数 Route组建参数可用冒号标识参数

Redirect组件 跳转

Switch只渲染一个子Route组件

 

这些组件的使用:

 BrowserRouter,

         Route,

         Link,

         Redirect,

         Switch

 

以上是关于React-router 4的主要内容,如果未能解决你的问题,请参考以下文章

[react-router] React-Router怎么获取历史对象?

[react-router] React-Router怎么设置重定向?

[react-router] React-Router的实现原理是什么?

react-router v6对比react-router v5

[react-router] React-Router怎么获取URL的参数?

从 react-router 迁移到 react-router v6