react-router-dom多路由共用一个组件时,切换页面地址,页面不刷新的问题

当多个路由使用同一个组件的时候,切换路由的时候,页面组件不重新构建,页面也不刷新
当切换路由的时候,只是重新render,并不重新构建,如果需要路由切换的时候,组件重新构建,重新完成一次生命周期,则需要给组件加上key

路由不需要修改,我们只需要修改组件,给组件加上key,让router的path属性(params)指向组件的key,就可以实现,组件的重构

export default (props)=><User {...props} key={props.location.pathname} />

这里的props.location.pathname就是routerpath属性的值,这样就实现了,routerpath属性指向组件的key

这样切换路由的时候,即可完成组件的刷新(重构)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值