react二级路由配置正确不显示页面的问题解决

react二级路由配置正确不显示页面的问题解决

最近在写react项目,配置二级路由时出了一个小小的bug,虽然是一个小小的bug,但是也苦思大半天不得其解。直到第二天豁然开朗,才发觉就这??

问题描述:在写react二级路由时,配置没有任何问题,(地址栏地址已经变了)但是页面就是不显示。

错误展示:

一级路由:

在这里插入图片描述
二级路由:

在这里插入图片描述
然后就,

在这里插入图片描述
地址栏正常变,二级页面死活不出来,把二级路由配置注掉又能出来。。。。

在百度了n条解决方案后,终于发现问题所在。

解决:

其实解决方案特别简单,因为我在二级路由配置中加了exact={true},即严格模式,只需要删掉即可

解决后正确的配置:

在这里插入图片描述

然后就能正常跳转了,现在三级路由也不是问题了。

好了,如果遇到了类似的bug,欢迎评论区分享你的解决方案。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值