[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()函数，组件变会进行重新渲染。)

个人简介

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

















主目录

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