在复杂的 React 应用中正确使用 Redux 存储答案

【问题标题】：Correct usage of Redux store in a complex React app在复杂的 React 应用中正确使用 Redux 存储
【发布时间】：2018-06-20 20:03:34
【问题描述】：

我已阅读文档并整理了一些小示例，但我无法弄清楚如何在具有大量组件的应用程序中使用 Redux。如何为减速器和动作组织文件结构，我应该为每个组件创建一个减速器，还是只为主要应用程序组件创建一个减速器，我是否需要整个应用程序的商店初始状态？

例如我有一个应用程序（伪代码）：

<App>
    <Table data={someData}>
</App>

表格组件如下：

<Table>
    <SearchBar value={searchString}>
</Table>

<SearchBar/> 只是一个输入，其值会影响<Table/> 中数据的显示

那么在这种情况下使用 Redux 的最佳做法是什么？

【问题讨论】：

【解决方案1】：

构建源代码非常依赖于开发人员。就我而言，我从小项目开始，将所有 reducer 放在一个文件中。但是当我开始处理更大的项目时，我觉得每个组件都有单独的 reducer 更容易维护和重用。所以每个组件都有各自的 reducer、actions、actionTypes、选择器、样式文件。

您将有一个应用减速器，您可以在其中组合子减速器。 Redux 使用：https://redux.js.org/docs/api/combineReducers.html

为您处理这个问题

以下是您可以如何初始化 app reducer：

这里是 app reducer 文件：

【讨论】：