如何使用redux-form

时间:2018-03-21 10:54:01

标签: reactjs react-redux redux-form

我有一个大型表单,根据模式动态绘制字段。 (我正在循环使用JSON模式来编写我的字段)。

我的一些字段是嵌套的,因此命名约定遵循点符号;

ParentField.ChildField.Name

这会自动将数据嵌套为输入;

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

redux-form提供FieldArray,允许您按需push()个字段,但这会更改数据格式以包含信息数组 - 我想要的内容!

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

文档指向actionCreators,但我无法弄清楚如何实现它们。

1 个答案:

答案 0 :(得分:3)

您可以使用registerFieldunregisterField动作创建者。

只需将它们导入您的文件

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

然后在您的代码中简单地发送操作:

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

fieldType是字符串'字段' FieldArray')和

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