2017-10-13 5 views
1

Ich brauche helo über eine reagieren-redux Projekt, das ich für das Studium Zwecke verwenden: https://github.com/arshdkhn1/ecommerce-site-templateUngewöhnliche redux Speicherkonfiguration und geschützte Routen

Was ich nicht verstehe, ist, wie die redux Speicher vorgesehen ist.

Ich kann die configureStore.js-Datei sehen, aber es gibt keine Referenz im gesamten Projekt. Fehle ich etwas?

In der Tat muss ich verstehen, wie es funktioniert, weil ich versuche, geschützte Route ähnlich wie dieses Tutorial zu erstellen: https://github.com/Remchi/reddice/blob/master/client/utils/requireAuth.js , die eine höherwertige Komponente erstellt und verwendet die Verbindungsfunktion von react-redux. Leider bekomme ich diesen Fehler:

enter image description here

Wahrscheinlich, weil, wie/wo die redux Speicher konfiguriert ist.

Kann mir jemand erklären, was passiert, wie dieser Laden funktioniert und wie man vielleicht eine private Route für das Projekt erstellt?

+0

Haben Sie versucht, den Code auszuführen, der bei https://github.com/arshdkhn1/ecommerce-site-template vorhanden ist? Läuft es? – palsrealm

+0

Ja, es funktioniert perfekt. Ich verstehe nicht, wie es funktioniert, ohne das Provider-Tag in index.js –

+0

Es funktioniert, weil es Redux in keiner seiner Komponenten verwendet. Es ist also kein Provider oder configureStore erforderlich. :) – palsrealm

Antwort

1

Die index.js sollte auf die configureStore.js verweisen und einen Aufruf wie const store = configureStore(); darin vor dem Render-Aufruf haben. So etwas wie

.... 
import configureStore from './path/to/configureStore'; 
.... 
.... 
const store = configureStore(); 
ReactDOM.render(
    <Prodvider store={store}> 
    <App/> 
    <Provider>, document.getElementById('root')); 
+0

Ja, das, was ich erwartet habe, aber in diesem Projekt gibt es nichts dergleichen und ich verstehe nicht, wie es ohne diese Referenz funktioniert. –