如何在列表中使用受控组件

时间:2019-01-30 17:50:50

标签: javascript reactjs forms ecmascript-6 redux

在React中,表单通常使用controlled components来实现。使用此模式,表单目标对应于组件的状态字段。处理程序功能用于在编辑表单时更新组件状态。

考虑以下非平凡的伪示例

enter image description here

此聚合表单使用户可以一次编辑多个实体,标记要删除的实体或添加新实体。这些更改的任何组合都可以通过单个save命令保存。容器在挂载时从API检索实体列表,并连接到Redux。容器将实体列表映射到表示单个实体或表行的组件(如果需要)。

我应该如何满足这些要求的受控组件模式?在哪里最好跟踪更改和添加的实体,保留验证逻辑,构造redux动作有效负载等?在这种情况下,容器和子级之间的信息应该如何流动?

0 个答案:

没有答案
相关问题