reactjs - 使用 redux-form 在多个不同的挂载点绑定表单

Question

正如我从 react-form 文档中了解到的那样，您通常将form减速器放在减速器树的根部，redux-form 会form根据表单的名称将每个表单的状态放入此键中。

然而，这将导致一个奇怪的结构，即某棵树的表单数据在表单键下，而不是与与其相关的其他状态数据。在此示例中，应用程序存储了来自服务器的可能帐户类型列表，从逻辑上讲，这些帐户类型应与注册表单本身进行分组。然而，对于 redux-form，它们将位于完全不同的子树中：

            signup          
           /
       forms
      /    \
     /      login
    /
 root
     \      login--signinMethods
      \    /
       header
           \
            signup--accountTypes

我宁愿像这样更有条理的树：

             form          
            /
       signup
      /     \
     /       accountTypes
    /
 root
     \      signinMethods
      \    /
       login
           \
            form

这对 redux-form 或任何其他 redux 库是否可行？

Answer 1

尝试使用reduxMountPoint选项：

强烈建议不要使用此属性，但如果您绝对需要将 redux-form reducer 挂载到 Redux 状态下的 form 以外的位置，则需要使用此属性指定挂载它的键。默认为“形式”。

Answer 2

它的构建方式是（一个减速器处理所有表单），每次您想要一个新表单时都不需要添加一个新的减速器。您只需添加一次减速器，大部分时间就忘记了它。