异常的 redux 存储配置和受保护的路由答案

【问题标题】：Unusual redux store configuration and protected routes异常的 redux 存储配置和受保护的路由
【发布时间】：2018-03-25 23:35:35
【问题描述】：

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

我不明白的是redux store是怎么提供的。

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

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

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

谁能解释一下发生了什么，这家商店是如何运作的，也许如何为该项目创建一条私人路线？

【问题讨论】：

您是否尝试运行存在于github.com/arshdkhn1/ecommerce-site-template 的代码？它运行了吗？
是的，它运行良好。如果没有 index.js 中的 Provider 标签，我不明白它是如何工作的
它之所以有效，是因为它没有在其任何组件中使用 Redux。所以不需要 Provider 或 configureStore。 :)
我的天啊哈哈哈！！！！为什么我必须每周至少经历一次这种白痴阶段？非常感谢！这比我想象的要简单得多！

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

【解决方案1】：

index.js 应该引用 configureStore.js 并在渲染调用之前在其中有一个类似 const store = configureStore(); 的调用。像

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

【讨论】：

是的，这是我所期待的，但在这个项目中没有这样的东西，如果没有这个参考，我不明白它是如何工作的。