リアクタがある場所から別の場所に移動しない

Question

リアクタを使ってアプリをやっています。私の現在のルートは以下のとおりです。

import React from 'react'; 

import App from '../components/App'; 
import PostList from '../components/PostList'; 
// import Page from '../components/Page'; 
import Post from '../components/Post'; 

export default { 
    path: '/', 
    component: App, 
    indexRoute: { 
    component: PostList 
    }, 
    childRoutes: [ 
    // { 
    // path: '/:slug(/:child)', 
    // component: Page 
    // }, 
    { 
     path: ':year/:month/:slug(/)', 
     component: Post 
    } 
    ] 
}; 

すべては私が投稿ページ（例えば/2016/12/test）の午前ときを除いて、素晴らしい作品と別の1（2016/12/test-2）に行きたい、何も起こりません。私が小道具をチェックすると、彼らはうまく変わる。

私はこの奇妙な振る舞いをデバッグする方法を知らない。

インデックスページに戻ってそこから他の投稿を参照すると、すべてが機能します。私に何ができる？

Answer 1

コンポーネントのライフサイクルメソッドcomponentDidUpdateにフックする必要があります。これがあなたの新しい小道具と呼ばれているときに利用可能であり、それに従ってあなたの状態を更新することができます。

コンポーネントのライフサイクルのドキュメント：何もすることhttps://github.com/ReactTraining/react-router/blob/master/docs/guides/ComponentLifecycle.md