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

Question

我有一个很大的表单，其中的字段是基于模式动态绘制的。 (我循环遍历 JSON 模式来编写我的字段)。

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

ParentField.ChildField.Name

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

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

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

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

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

Answer 1

您可以使用 registerField 和 unregisterField 操作创建器。

只需将它们导入您的文件

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

然后在您的代码中简单地分派(dispatch)操作:

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

(fieldType 是字符串“Field”或“FieldArray”)和

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