State 沒有加載到我的基本 React/Redux 應用程序中

Question

我正在從事 Redux 文檔頁面中的基本項目。 我不確定將 redux 項目放在 Stack Overflow 上的最佳方式，所以我將我當前的進度上傳到我的 GitHub 頁面： https://github.com/davidreke/reduxDocumentationProject

我完成了關於設置我的 reducers/store/action creators/ 等的說明，並進入了這個頁面的部分 (h ttps://redux.js.org/basics/store ) 說

現在我們已經創建了一個商店，讓我們驗證我們的程序是否有效，即使沒有任何 UI。 我們已經可以測試更新邏輯了。

但是，當我嘗試制作一個空白頁面時，我沒有看到我在我的應用程序文件夾中編碼到 store.js 中的任何 console.logs，並且我無法 console.log(store.getState())。 當我打開 Redux 開發工具時，我還看到那里沒有 state。我的應用程序中沒有加載 state 是我做錯了什么？

編輯：我也從來沒有問過有關涉及減少和/或這么多文件的應用程序的問題，所以如果有更好的方式讓我提出我的問題，請告訴我！

Answer 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 中導入商店

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;