如何使用 redux-form 添加和删除字段答案

【问题标题】：How to add and remove fields with redux-form如何使用 redux-form 添加和删除字段
【发布时间】：2018-03-21 10:54:01
【问题描述】：

我有一个大表单，其中的字段是基于模式动态绘制的。（我正在循环使用 JSON 模式来编写我的字段）。

我的一些字段是嵌套的，所以命名约定遵循点符号；

ParentField.ChildField.Name

这将在输入数据时自动嵌套数据；

ParentField {
  ChildField {
    Name: "Value of field"
  }
}

redux-form 提供了一个 FieldArray，允许您按需 push() 字段，但这会改变数据的格式以包含信息数组 - 不是我想要的！

所以我需要能够按需注册和注销字段（例如单击按钮）

文档指向 actionCreators，但我不知道如何实现它们。

【问题讨论】：

【解决方案1】：

您可以使用registerField 和unregisterField 动作创建者。

只需将它们导入您的文件中

import { registerField, unregisterField } from 'redux-form';

然后在您的代码中简单地调度操作：

this.props.dispatch(registerField(yourFormName, yourFieldName, fieldType));

（fieldType 是字符串 'Field' 或 'FieldArray'）和

this.props.dispatch(unregisterField(yourFormName, yourFieldName));

【讨论】：