React Router geht nicht von einem Post-Standort zum anderen

Question

Ich mache eine App mit React Router. Meine aktuellen Routen sind wie folgt:

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 
    } 
    ] 
}; 

Alles funktioniert gut, außer wenn ich bin auf einem Post-Seite (. ZB /2016/12/test) und wollen eine andere gehen (2016/12/test-2), passiert nichts. Wenn ich die Requisiten überprüfe, ändern sie sich gut.

Ich kann nicht einmal dieses seltsame Verhalten debuggen.

Wenn ich zurück zur Indexseite gehe und andere Beiträge von dort besuche, funktioniert alles. Was kann ich tun?

Answer 1

Sie müssen die Lebenszyklusmethode componentDidUpdate für Ihre Komponente einbinden. Wenn dies aufgerufen wird, sind deine neuen Requisiten verfügbar und du kannst deinen Status entsprechend aktualisieren.

Component Lifecycle Dokumentation: https://github.com/ReactTraining/react-router/blob/master/docs/guides/ComponentLifecycle.md