在复杂的React应用程序中正确使用Redux存储

Question

我已经阅读了文档并整理了一些小例子，但我无法弄清楚如何在具有大量组件的应用程序中使用Redux。如何为reducers和actions组织文件结构，如果我为每个组件创建一个reducer，或者只为主app组件创建一个reducer，我是否需要整个应用程序的初始状态？

E.g。我有一个应用程序（伪代码）：

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

表组件如下所示：

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

<SearchBar/>只是一个输入，其值会影响<Table/>

中的数据显示

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

Answer 1

开发人员非常依赖于构建源代码。在我的例子中，我通过将所有reducer放在一个文件中来开始小项目。但是当我开始处理更大的项目时，我觉得每个组件的单独减速器更容易维护和重用。因此每个组件都有自己的reducer，actions，actionTypes，selectors，styles文件。

你有一个app reducer，你可以在其中组合sub reducer。 Redux使用：https://redux.js.org/docs/api/combineReducers.html

为您处理此问题

以下是如何启动app reducer：

此处的app reducer文件：