Wie mit URL Param Änderungen im React-Router umgehen?

Question

Ich habe anfängliche url

/processes/new 

Nach Änderungen ich es speichern möchten & navigieren zu

/processes/_generatedprocessID_ 

Also ich zu routerWillLeave abonnieren und hoffen, dass es url param Veränderungen ausgelöst. Aber es passiert nicht. Hier ist mein Router für diese Urls:

<Route path="processes/new" component={Process} /> 

oder es gibt einige eleganteren Weg:

<Route path="processes/:id" component={Process} /> 

Sollte ich eine Kopie davon erstellen?

Answer 1

Wenn Sie einen Container haben, der diese Komponenten enthält, könnte diese Routing-Logik dort ausgeführt werden.

function saveSomething(something){ 
    //some save logic that returns id 
    changeRoute(returned_id) 
} 

function changeRoute(returned_id){ 
    history.pushState(null, `processes/${returned_id}`); 
} 

Hinweis: Sie benötigen diese ->

NameOfTheCoponent.contextTypes = { 
    history: PropTypes.object 
};