[react-router] React-Router 4怎樣在路由變化時(shí)重新渲染同一個(gè)組件？

1.在同一個(gè)組件添加不同的key,以下重新封裝了組件：

export default function (props) {return (<組件 {...props} key={search參數(shù)} />) }

2.但是不知道在路由跳轉(zhuǎn)的地方加入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.可以在這個(gè)組件的componentWillReceiveProps和shouldComponentUpdate生命周期方法中添加url變化的判斷，如果url判斷變化，就執(zhí)行相關(guān)的邏輯代碼(變化了就會(huì)就會(huì)重新執(zhí)行render()函數(shù)，組件變會(huì)進(jìn)行重新渲染。)

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[react-router] React-Router 4怎样在路由变化时重新渲染同一个组件？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。