reactjs - 如何获取 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

将项目包装到第一个对象中:

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

提交后，您将获得{first: {item1: 1, item2: 2}}。