react二级路由踩坑笔记

匿名 (未验证) 提交于 2019-12-02 23:32:01

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

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

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

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

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!