react 跳轉后路由變了頁(yè)面沒(méi)刷新的解決方案

目錄

問(wèn)題

這樣的問(wèn)題貌似原因還挺多的，我的問(wèn)題是帶參數的url不能刷新，router 5.0版本 ，使用withRouter關(guān)聯(lián)組件進(jìn)行頁(yè)面跳轉
如下所示

路由代碼

解決方案

在路由組件上最上層元素上加一個(gè)key增加路由的識別度，因為普通的跳轉是根據path來(lái)識別的，但是path帶上參數時(shí)，路由無(wú)法精確識別。不過(guò)，在跳轉頁(yè)面的時(shí)候，每個(gè)地址都會(huì )在localtion對象里添加一個(gè)key。如下打印

 // 組件掛載
  componentDidMount() {
    console.log(this.props.location);
  }

我們將這個(gè)key綁定在 路由頂層元素上就能精確定位路由了

 render() {
    return (
      {/*就是這個(gè)key*