Kann ich im React-Komponenten-Lebenszyklus eine Routenänderung ausführen?

Question

Ich habe eine Art von Assistenten, wo jeder Schritt seinen eigenen Weg hat. Wenn ein Benutzer jetzt eine direkte Verbindung zur Route des zweiten Schritts verwendet, möchte ich ihn zum ersten Schritt (mit browserHistory.replace) umleiten.

Das Problem, dem ich gegenüberstehe, ist, dass ich nicht wirklich weiß, welche Stufe im Lebenszyklus der Komponenten es durchgeführt werden sollte. Ich habe versucht, constructor, render, componentWillMount, aber alle diese nicht verhindern, dass die Komponente Rendering auch wenn ich Router verwende. Was passiert, ist, dass Redirect auftritt, aber die Komponente von der vorherigen Route immer noch rendert und fehlschlägt (offensichtlich keine Daten).

Gibt es eine "richtige" Art der Umleitung während der Komponenteninitialisierung (ich muss den Zustand überprüfen)? Oder gibt es einen anderen besseren Weg?

Answer 1

Ich weiß nicht, die „offizielle“ empfohlene Weg (immer noch interessiert, wenn jemand es finden kann), aber was für mich gearbeitet, ist dies:

1. Redirect während componentWillMount
2. Während der Benutzung machen die gleiche Zustand, wie in componentWillMount zu null zurück

Beispiel:

class MyComponent extends Component { 

    componentWillMount() { 
    if (!this.props.data) { 
     browserHistory.replace(myRoute); 
    } 
    } 

    render() { 
    if (this.props.data) { 
     return (
     <div> 
     ... 
     </div> 
    ); 
    } 

    return null; 
    } 
} 

Answer 2

In v2/3 sollten Sie die Funktion onEnter umleiten (mit der Funktion replace). v2/3 repliziert die meisten Lifecycle-Funktionen von React, da es React nicht zum Rendern von Routen-Komponenten verwendet. Das heißt, <Route> s werden nur für die Konfiguration verwendet und react-router generiert ein Array von Komponenten für eine bestimmte Route und rendert sie einzeln.