react二级路由踩坑笔记

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

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

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

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

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

猜你喜欢

转载自www.cnblogs.com/xuweijin/p/10807644.html