不寻常的redux商店配置和受保护的路由

时间:2017-10-13 19:09:15

标签: reactjs redux react-redux react-router-redux redux-store

我需要了解一个我用于学习目的的react-redux项目: https://github.com/arshdkhn1/ecommerce-site-template

我不明白如何提供redux商店。

我可以看到configureStore.js文件,但整个项目中没有对它的引用。我错过了什么吗?

事实上,我需要了解它是如何工作的,因为我试图创建受保护的路线,就像本教程一样:https://github.com/Remchi/reddice/blob/master/client/utils/requireAuth.js 它创建一个高阶组件并使用react-redux的connect函数。不幸的是我收到了这个错误:

enter image description here

可能是因为配置了redux存储的方式/位置。

有人能解释我发生了什么,该商店如何运作,以及如何为该项目创建私人路线?

1 个答案:

答案 0 :(得分:1)

index.js应该引用configureStore.js并在render调用之前在其中调用const store = configureStore();。像

这样的东西
....
import configureStore from './path/to/configureStore';
....
....
const store = configureStore();
ReactDOM.render(
   <Prodvider store={store}>
     <App/>
   <Provider>, document.getElementById('root'));