reactrouter4.0以上的路由如何应用

在4.0以下的react router中，嵌套的路由可以放在一个router标签中，形式如下,嵌套的路由也直接放在一起。

但是在4.0以后，嵌套的路由与之前的就完全不同了，需要单独放置在嵌套的根component中去处理路由，否则会一直有warning:

You should not use <Route component> and <Route children> in the same route

正确形式如下

上面将嵌套的路由注释掉

上面在需要嵌套路由的component中添加新的路由

一个完整的嵌套路由的例子如下

说明及注意事项

1.以下代码采用ES6格式

2.react-router-dom版本为4.1.1

3.请注意使用诸如HashRouter之类的history，否则一直会有warning，不能渲染

相关推荐：

vue router动态路由和嵌套路由实例详解

用路由延迟加载Angular模块方法

Vue-Router2实现路由功能实例讲解

以上就是react router 4.0以上的路由如何应用的详细内容，更多请关注Gxl网其它相关文章！