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

1.在同一個組件添加不同的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.可以在這個組件的componentWillReceiveProps和shouldComponentUpdate生命周期方法中添加url變化的判斷，如果url判斷變化，就執(zhí)行相關(guān)的邏輯代碼(變化了就會就會重新執(zhí)行render()函數(shù)，組件變會進(jìn)行重新渲染。)

個人簡介

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

主目錄

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

總結(jié)

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

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