[react-router] React-Router 4怎样在路由变化时重新渲染同一个组件？

Posted 2021-12-20 前端小歌谣

[react-router] React-Router 4怎样在路由变化时重新渲染同一个组件？

1.在同一个组件添加不同的key,以下重新封装了组件：

export default function (props) 
  return (<组件 ...props key=search参数 />)

2.但是不知道在路由跳转的地方加入key可行否？

<Route path='/sdspace/offline/:id/detail' exact component=SdSpace.Detail key=new Date().getTime() />
<Route path='/sdspace/offline/:id/edit' exact component=SdSpace.Detail key=new Date().getTime() />

3.可以在这个组件的componentWillReceiveProps和shouldComponentUpdate生命周期方法中添加url变化的判断，如果url判断变化，就执行相关的逻辑代码(变化了就会就会重新执行render()函数，组件变会进行重新渲染。)

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题