Reactjs 如何为高度嵌套的子组件使用Redux表单?

Reactjs 如何为高度嵌套的子组件使用Redux表单?,reactjs,react-redux,react-redux-form,react-state-management,Reactjs,React Redux,React Redux Form,React State Management,我最近开始开发react-redux应用程序,遇到了一些复杂的表单需要实现,如下所示。我通过创建粒度组件实现了应用程序的模块化。- 我希望将此表单的整个状态存储在redux中,因为该状态应该在整个应用程序中的后退和前进按钮单击中保持。我在网上读了几篇关于redux表单和Formik的文章。从复杂性和存储需求来看,redux表单似乎非常适合我的应用程序。然而,我仍然不确定是否能够用redux表单成功地实现表单逻辑,因为我有许多嵌套的子组件,如上图所示。有人能指导我如何集成嵌套子组件的redux表

我最近开始开发react-redux应用程序,遇到了一些复杂的表单需要实现,如下所示。我通过创建粒度组件实现了应用程序的模块化。-


我希望将此表单的整个状态存储在redux中,因为该状态应该在整个应用程序中的后退和前进按钮单击中保持。我在网上读了几篇关于redux表单和Formik的文章。从复杂性和存储需求来看,redux表单似乎非常适合我的应用程序。然而,我仍然不确定是否能够用redux表单成功地实现表单逻辑,因为我有许多嵌套的子组件,如上图所示。有人能指导我如何集成嵌套子组件的redux表单吗?对于3-4级组件嵌套,Redux表单的表单部分是正确的选择吗?

将这些组件直接连接到Redux我希望保持当前连接到Redux的模式,尽管容器组件是上图中最顶端的组件,如果您只是通过写下4层还是5层?您只需将这些嵌套组件包装在容器中,并根据需要将它们连接起来,hanks@danny buonocore用于输入。如果我将redux存储直接连接到嵌套组件的容器,那么我实际上不需要redux表单,因为我不能在每个容器中都有表单声明。是这样吗?另外,将状态向下传递4-5层是否是一种不好的做法?我不能对您关于redux表单的问题进行评论,但如果您使用redux,则重复传递道具是一种非常不好的做法。它使您的组件更难推理,强制组件之间的耦合,为不需要的组件提供道具,可能会降低应用程序的速度(有时会大幅降低),并使您很难切换组件层次结构(耦合的结果)。