使用相同的組件相似的路線 - 刷新發出

Question

我有兩個途徑（反應路由器V4）：

<Route exact path='/' component={HomePage}/> 
<Route exact path='/tag/:tag' component={HomePage}/> 

其中頂部路線顯示的地方和第二路由列表顯示包含地點列表一個特定的標籤。我想這樣設置，重用HomePage組件。

但是，如果我正在查看帶有標籤的地方，然後單擊鏈接<Link to="/">Homepage</Link>，則它不會重新加載所有地方（Axios/Redux），因爲（我認爲）主頁組件已在使用中。

我是否應該以某種方式強制重新加載，製作第二個與HomePage非常類似的組件，或者是否有更好的方法？

Answer 1

您可以使用生命週期方法componentWillReceiveProps（nextProps）{}。 在這個方法裏面，你會得到this.props裏面的路徑，在獲得路徑之後，你可以編寫你的邏輯來根據收到的路由修改組件。