如何使用redux-form中的嵌套字段嵌套数据？

Question

我有一个场景,其中有一个项目列表,每个项目都有名称和值选择器(所以两个输入).用户选择名称(其单选按钮),然后选择该值.我正在使用redux-form,到目前为止我所取得的成就:

<Field name='item1' component={DropDownPicker} /> <Field name='item2' component={DropDownPicker} />

提交给出的价值为 {item1: 1, item2: 2}

现在有很多不同类别项的值,它将是一个大的杂乱对象,所有类别数据都在一个地方,我想避免这种情况.

如何将这一项数据作为{first: {item1: 1, item2: 2}}集合或集合来获取[{item1: 1, item2: 2}]

Answer 1

将项目包装到first对象中:

<Field name='first.item1' component={DropDownPicker} />
<Field name='first.item2' component={DropDownPicker} />

在提交你,你会得到{first: {item1: 1, item2: 2}}.