Daten von bereits gefülltem Geschäft abrufen

Question

Wie kann ich die Daten in einem Geschäft abrufen, das bereits ausgefüllt wurde, um es in der render-Funktion zu verwenden?

Zum Beispiel:

ReactDOM.render(
    <Provider store={store}> 
     <Layout/> 
    </Provider>, 
    document.getElementById('app') 
    ); 

Hier muss ich Daten an die Layout Komponente aus dem Speicher senden, die bereits die Daten hat. Ist es möglich, die geänderten Daten jedes Mal zu senden, wenn es eine entsprechende Änderung im Geschäft gibt?

Answer 1

Der Anbieter setzt den Speicher auf den Kontext der React-Komponente. Anschließend verwenden Sie die @connect-Dekoratoren in Ihrer Komponentendefinition (in diesem Fall Layout), um eine Verbindung zum Geschäft herzustellen und die gewünschten Daten auszuwählen.

Die Verbindung greift aus dem Kontext auf den Speicher zu und abonniert Änderungen, sodass die Komponente jedes Mal, wenn sich die Daten im Speicher ändern, erneut gerendert wird. Du solltest niemals den Laden über Requisiten passieren, es ist eine schlechte Übung. Sie können die verbundenen Eigenschaften natürlich an Kinder weitergeben, aber nie den gesamten Laden.

Die ersten Daten, die Sie in den Store legen, werden beim ersten Start der App im DOM gerendert. Jede Änderung danach (Benutzerformular senden) mutiert den Speicher und Ihre Komponente wird durch den Verbindungsmechanismus aktualisiert.

Die Redux-Dokumente sind gut geschrieben. Ich schlage vor, Sie betrachten sie genauer. Es gibt auch viele Tutorials über Redux, die kostenlos sind, zum Beispiel unter egghead.io.