如何在redux-form中获得嵌套字段的嵌套数据？

bqucvtff 于 2022-11-12 发布在其他

关注(0)|答案(2)|浏览(113)

我有一个场景，其中有一个项目列表，每个项目都有名称和值选择器（两个输入）。用户选择名称（它的单选按钮），然后选择值。我使用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}]获取

redux

来源：https://stackoverflow.com/questions/49302237/how-to-get-data-nested-with-nested-fields-in-redux-form

2条答案

按热度按时间

sd2nnvve1#

将项目绕排到first对象中：

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

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

赞(0）回复(0）举报 2022-11-12

x4shl7ld2#

您也可以使用FormSection

import { FormSection } from 'redux-form';

然后..

<FormSection name="first">
  <Field name="item1" component={DropDownPicker} />
  <Field name="item2" component={DropDownPicker} />
<FormSection>

赞(0）回复(0）举报 2022-11-12

我来回答

如何在redux-form中获得嵌套字段的嵌套数据？

2条答案

相关问题

热门标签

最新问答