リアクタルータ4 react-router-configは、コンポーネントのアンマウントを防ぎます

Question

react-router-configのrenderRoutes()機能を私の同形反応アプリで使用しています。私は同じコンポーネントのエンドポイントが多い状況があります。ユーザーが新しいエンドポイントに移動するたびに、そのエンドポイントのデータを取得してコンポーネントにレンダリングする必要があります。通常、私はcomponentWillReceiveProps()経由でこれを行い、新しいURLに基​​づいてAJAXリクエストを発行します。しかし、別のエンドポイントに移動するたびに、コンポーネントがアンマウントされて再マウントされます。コンポーネントがアンマウントされないようにする方法はありますか？

export const routes = [ 
{ 
    component: SectionFront, 
    path: '/' , 
    exact: true, 
    loadData: (match) =>{  
    return loadSectionFront(match.path) 
    }, 
    },{ 
    component: SectionFront, 
    path: '/investing' , 
    exact: false, 
    loadData: (match) =>{ 
    return loadSectionFront(match.path) 
    } 
}, 
{ 
    component: SectionFront, 
    path: '/news/companies' , 
    exact: false, 
    loadData: (match) =>{ 
    return loadSectionFront(match.path) 
    } 
}] 

ReactDOM.render(
    <Provider store={store}> 
     <BrowserRouter> 
      <CoreLayout> 
      {renderRoutes(routes)} 
      </CoreLayout> 
     </BrowserRouter> 
    </Provider>, 
    mountNode 
); 

Answer 1

react-router-configと関連しているようです。 renderRoutes routineのソースコードによれば、Switchのコンポーネントラッピングパスがあるため、常に1つだけRouteをレンダリングします。

私は、create-routes-from-configアプローチのために独自のソリューションを用意しなければならないと思います。