问题标签 [single-source]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
33 浏览

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

问题陈述:

我需要获取任何一个Container Component或一个中所有字段的输入数据Form Component

详情

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

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

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

0 投票
1 回答
113 浏览

android - 我如何处理 MVI 架构中的两种方式绑定?

我看到许多文章处理与 MVVM 的两种方式绑定。但我想用单一的事实来源来处理这个问题。我不想为这种情况创建多个状态流。我有一个 StateFlow,它在实体内具有所有视图状态。我如何提供与多个 EditText 值同步到 StateFlow ?

我添加了多个 TextWatcher 来向 ViewModel 发送事件,但这种方式会导致样板代码。