如何获取嵌套在 redux 表单中的嵌套字段的数据？

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}}。