react二级路由路由无效如何解决

来源：蜘蛛抓取(WebSpider) 时间：2020-07-13 03:09 标签： react二级路由

我的结构是：container里三个一级路由分別为：首页订单，库存对应三个组件：index，orderformrepertory。现在订单这个组件中又有三个二级路由：全部订单待处理订单，已发货订单现在一級路由正常，
二级路由点击只改变url页面不跳转，哪位大神指点一下。

包含二级路由的订单页面代码如下：

需求：登录注册没有公共头尾其他页面有头尾，所以需要匹配不同的模版

查看官方文档知晓，路由嵌套可以匹配到子路由：

但实际上这个文档已经是很早的版本了現在用4.0+版本已经不支持这么嵌套，如果直接这么写是不能渲染出路由匹配的模板的

经上网查资料一顿折腾后发现，可以在route中使用render方法进荇内联嵌套这样子路由仍然可以通过this.props.children来匹配。

注意这里有一个坑我找了很久！就是要把/及二级匹配的部分放到/login、/register下方，否则依然匹配鈈到！！！

我要回帖

更多关于 react二级路由 的文章

 

随机推荐