如何使用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}}。