在React中,表单通常使用controlled components来实现。使用此模式,表单目标对应于组件的状态字段。处理程序功能用于在编辑表单时更新组件状态。
考虑以下非平凡的伪示例
此聚合表单使用户可以一次编辑多个实体,标记要删除的实体或添加新实体。这些更改的任何组合都可以通过单个save命令保存。容器在挂载时从API检索实体列表,并连接到Redux。容器将实体列表映射到表示单个实体或表行的组件(如果需要)。
我应该如何满足这些要求的受控组件模式?在哪里最好跟踪更改和添加的实体,保留验证逻辑,构造redux动作有效负载等?在这种情况下,容器和子级之间的信息应该如何流动?