React-Router v4 onEnter ersetzen

Question

React-Router v4 onEnter ersetzen

8

Ich versuche gerade, eine einfache Reaktiv-Redux-App zu erstellen, die Studenten- und Campus-Daten im Backend hat. OnEnter hat hier funktioniert, aber es existiert nicht im neuen react-router.

Diese App versucht, Anfangsdaten am Anfang zu laden, anstatt eine componentDidMount in jeder tatsächlichen Komponente auszuführen. Ist das der empfohlene Ansatz, oder gibt es alternative Muster, die mir nicht bekannt sind?

%Vor%

reactjs react-router redux-thunk

fourestfire 10.04.2017, 01:43

quelle

3 Antworten

7

Ich möchte einen etwas anderen Ansatz vorschlagen. Mithilfe der Klassenvererbung können Sie einen eigenen Router implementieren.

%Vor%

wolendranh 10.08.2017 13:09

quelle

5

Eine Lösung ist die Verwendung von HOC

%Vor%

Daniel Dai 18.07.2017 09:51

quelle

Tags und Links reactjs react-router redux-thunk

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Warum werden diese Tupel von einer Funktion identisch zurückgegeben?

score 13 · Accepted Answer

___ qstntxt ___

Ich versuche gerade, eine einfache Reaktiv-Redux-App zu erstellen, die Studenten- und Campus-Daten im Backend hat. OnEnter hat hier funktioniert, aber es existiert nicht im neuen react-router.

Diese App versucht, Anfangsdaten am Anfang zu laden, anstatt eine componentDidMount in jeder tatsächlichen Komponente auszuführen. Ist das der empfohlene Ansatz, oder gibt es alternative Muster, die mir nicht bekannt sind?

%Vor%

___ antwort43390559 ___

Meine aktuelle Lösung besteht darin, zusätzlichen Code in die Renderfunktion zu stellen und keine Komponenteneigenschaft zu verwenden.

%Vor%

___ tag123reactrouter ___ React Router - Eine komplette Routing-Bibliothek für React, inspiriert von Embers Routing-System ___ answer45614643 ___

Ich möchte einen etwas anderen Ansatz vorschlagen. Mithilfe der Klassenvererbung können Sie einen eigenen Router implementieren.

%Vor%

___ tag123reactjs ___ React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives Paradigma und zielt darauf ab, sowohl effizient als auch flexibel zu sein. ___ tag123reduxthunk ___ Thunk Middleware für Redux. Mit Redux Thunk Middleware können Sie Aktions-Ersteller schreiben, die eine Funktion anstelle einer Aktion zurückgeben. Der Thunk kann verwendet werden, um den Versand einer Aktion zu verzögern oder um nur zu senden, wenn eine bestimmte Bedingung erfüllt ist. Die innere Funktion empfängt die Speichermethoden dispatch und getState () als Parameter. ___ qstnhdr ___ React-Router v4 onEnter ersetzen ___ answer45163236 ___

Eine Lösung ist die Verwendung von HOC

%Vor%

___