状态未加载到我的基本 React/Redux 应用程序中答案

【问题标题】：State is not loading in my basic React/Redux App状态未加载到我的基本 React/Redux 应用程序中
【发布时间】：2020-05-15 20:29:50
【问题描述】：

我正在从 Redux 文档页面处理基本项目。我不确定将 redux 项目放在 Stack Overflow 上的最佳方式，所以我将我当前的进度上传到我的 GitHub 页面：https://github.com/davidreke/reduxDocumentationProject

我完成了关于设置我的 reducer/store/action creators/ 等的说明，并进入了此页面 (https://redux.js.org/basics/store) 的部分

现在我们已经创建了一个商店，让我们验证我们的程序是否有效！即使没有任何 UI，我们也可以测试更新逻辑。

但是，当我尝试制作空白页时，我在我的应用文件夹中看不到任何我已编码到 store.js 中的 console.logs，并且我无法 console.log(store.getState() )。当我打开 Redux 开发工具时，我还看到那里没有状态。我的应用程序中没有加载任何状态，我做错了什么？

编辑：我也从未问过有关涉及 reduce 和/或这么多文件的应用程序的问题，所以如果我有更好的方法来提出我的问题，请告诉我！

【问题讨论】：

您在 index.js 中创建了另一个商店。此外，如果您从未在任何地方导入 store.js 文件，则它可能永远不会与 react 应用程序的其余部分捆绑在一起，因此永远不会提供服务。您可能希望通过 Provider 将其包含在您的 react 应用程序中。看看 react-redux。

标签： javascript reactjs redux state

【解决方案1】：

您没有使用商店。在您的App.js 文件中导入存储和提供程序，然后将存储传递给提供程序。

从store.js导出存储

export const store = createStore(todoApp)
// you can also add the store to the window object
// and use the console to play around with the data
//window.store = store

然后在你的 App.js 中导入 store

import React from 'react';
import './App.css';

import {
  Provider
} from 'react-redux';

import { store } from './app/store';

function App() {
  return (
    <Provider store={store}>
    <p>test</p>
    </Provider>
  );
}

export default App;

【讨论】：