react二级路由配置正确不显示页面的问题解决
最近在写react项目,配置二级路由时出了一个小小的bug,虽然是一个小小的bug,但是也苦思大半天不得其解。直到第二天豁然开朗,才发觉就这??
问题描述:在写react二级路由时,配置没有任何问题,(地址栏地址已经变了)但是页面就是不显示。
错误展示:
一级路由:
二级路由:
然后就,
地址栏正常变,二级页面死活不出来,把二级路由配置注掉又能出来。。。。
在百度了n条解决方案后,终于发现问题所在。
解决:
其实解决方案特别简单,因为我在二级路由配置中加了exact={true}
,即严格模式,只需要删掉即可。
解决后正确的配置:
然后就能正常跳转了,现在三级路由也不是问题了。
好了,如果遇到了类似的bug,欢迎评论区分享你的解决方案。