2017-10-13 4 views
1

j'ai besoin helo d'un projet réagira-redux que je l'aide à des fins étudier: https://github.com/arshdkhn1/ecommerce-site-templateconfiguration inhabituelle magasin Redux et les routes protégées

Ce que je ne comprends pas comment le magasin Redux est fourni.

Je peux voir le fichier configureStore.js mais il n'y a aucune référence dans le projet entier. Est-ce que je manque quelque chose?

En fait, je dois comprendre comment cela fonctionne parce que j'essaye de créer une route protégée à peu près comme ce tutoriel: https://github.com/Remchi/reddice/blob/master/client/utils/requireAuth.js qui crée un composant de haut niveau et utilise la fonction connect de react-redux. Malheureusement, je reçois cette erreur:

enter image description here

Probablement à cause de comment/où le magasin de Redux est configuré. Est-ce que quelqu'un peut m'expliquer ce qui se passe, comment fonctionne ce magasin et peut-être comment créer un itinéraire privé pour le projet?

+0

Avez-vous essayé d'exécuter le code qui est présent à https://github.com/arshdkhn1/ecommerce-site-template? Est-ce que ça marche? – palsrealm

+0

Oui, cela fonctionne parfaitement. Je ne comprends pas comment cela fonctionne sans la balise Provider dans index.js –

+0

Cela fonctionne car il n'utilise Redux dans aucun de ses composants. Donc, il n'y a pas besoin d'un fournisseur ou configureStore. :) – palsrealm

Répondre

1

L'index.js doit référencer le configureStore.js et avoir un appel comme const store = configureStore(); avant l'appel de rendu. Quelque chose comme

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

Oui, ce que je m'attendais, mais dans ce projet il n'y a rien de tel et je ne comprends pas comment cela fonctionne sans cette référence. –