搭建框架时遇到想要用层叠url的方式来区别每一个应用模块,比如:
但是渲染完成后出现了问题
http://localhost:1209/page 可以看见是没有问题,正确的渲染结果为‘page’
但是 http://localhost:1209/page/page-child 出现了问题
渲染结果不仅仅有‘page-child’ 还有 ‘page’路由匹配到的模块‘page'
百度查询资料没一个说到点子上的,有点头疼。
只能去看官方文档了http://reacttraining.cn/web/api/Route/exact-bool
最终发现了一个关键字 “exact”,这样去使用
解释为:如果exact为true,则仅当路径与location.path名称完全匹配时才会匹配。
加上exact后再看看http://localhost:1209/page/page-child
完美解决!
附:exact 与 location.path对比匹配表