反應路由器過渡到不同的查詢字符串參數新的一頁

Question

我已經初始化文件中的下面的代碼我反應過來的路由器：

import { Router, Route, IndexRoute, useRouterHistory } from 'react-router' 
import { createHistory } from 'history' 

const browserHistory = useRouterHistory(createHistory)({basename:CONFIG.baseName}) 

<Router history={browserHistory}> 
<Route path={"/list/:propertyType"} component={Leasing} /> 
<Route path={"/list/:propertyType?city=:city"} component={Leasing} /> 
</Router> 

在我的網頁，我有這樣

import { Link } from 'react-router' 
... some code 
<Link to="/list/office" /> 
<Link to="/list/retail" /> 
<Link to="/list/retail?city=Washington" /> 

一些鏈接

當我從頁面/list/office到/list/retail，我的網頁將重新加載數據。但問題是，當我從/list/retail到/list/retail?city=Washington時，頁面不會重新加載數據。

如何點擊具有相同url部分但不同查詢字符串部分的鏈接以使瀏覽器呈現新內容？

Answer 1

我意識到，當我從/list/office到/list/retail時，功能render()和componentDidMount()都會觸發。但是，當我從/list/retail到/list/retail?city=Washington時，只有render()火災和componentDidMount()不會觸發。

所以基本上只有url的查詢參數發生變化時，我通過ajax加載的componentDidMount()中的任何內容都無法識別。