Javascript 在复杂React应用程序中正确使用Redux应用商店

Javascript 在复杂React应用程序中正确使用Redux应用商店,javascript,reactjs,redux,react-redux,reducers,Javascript,Reactjs,Redux,React Redux,Reducers,我已经阅读了文档并整理了一些小示例,但我不知道如何在包含大量组件的应用程序中使用Redux。如何组织简化程序和操作的文件结构,我应该为每个组件创建一个简化程序,还是只为主应用程序组件创建一个简化程序,我需要整个应用程序的存储初始状态 例如,我有一个应用程序(伪代码): 表组件如下所示: <Table> <SearchBar value={searchString}> </Table> 只是一个输入,其值会影响 那么在这种情况下使用Redux的

我已经阅读了文档并整理了一些小示例,但我不知道如何在包含大量组件的应用程序中使用Redux。如何组织简化程序和操作的文件结构,我应该为每个组件创建一个简化程序,还是只为主应用程序组件创建一个简化程序,我需要整个应用程序的存储初始状态

例如,我有一个应用程序(伪代码):


表组件如下所示:

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

只是一个输入,其值会影响


那么在这种情况下使用Redux的最佳实践是什么呢?

这完全取决于开发人员对源代码的架构。在我的例子中,我从一个小项目开始,把所有的简化程序放在一个文件中。但当我开始处理更大的项目时,我觉得为每个组件使用单独的简化程序更容易维护和重用。因此,每个组件都有各自的还原器、动作、动作类型、选择器和样式文件

你会有一个应用程序的减速机,你结合子减速机。Redux使用以下方法为您处理此问题:

以下是如何初始化应用程序reducer:

以下是应用程序缩减器文件:

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