问题描述
问题陈述:
我需要获取Container Component
或Form 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 (将#修改为@)