[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()函数,组件变会进行重新渲染。)
个人简介
我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题