ReactJS-从深度嵌套的表单中获取数据或可能进行重写

问题描述

问题陈述:

我需要获取Container ComponentForm Component中所有字段的输入数据。

详细信息

有4到5个不同的表单组件,每个组件在一个节中使用一些公共字段。它们被提取到不同的组件中,并以顶级形式的组件导入,以实现可重用性。这些提取的组件具有多个输入字段(每个输入字段介于7到10个字段之间)。这是我组件的结构,

- Container Component 
-- Form Component A (Contains the submission click handler)
--- InputFieldTypeA Component
--- InputFieldTypeB Component
--- ...

-- Form Component B (Contains the submission click handler)
--- InputFieldTypeA Component
--- InputFieldTypeB Component
--- ...

-- Form Component C (Contains the submission click handler)
--- InputFieldTypeA Component
--- InputFieldTypeB Component
--- ...

我尝试过this link,但是由于我有太多的输入字段,所以拥有这么多的回调处理程序(在FormA,FormB和C组件中需要)是没有意义的。其他解决方案是使用在同一链接中给定的ref,但是我读到的地方不正确使用refs,因此我放弃了这个想法。状态child components(InputFieldTypeA,InputFieldTypeB]等中的任何一个都不能使用,因为我们需要lift the state up to the container component

在这种情况下最好的解决方案/策略是什么? 处理此类深层嵌套的组件的正确方法是什么?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...