以 Antd 形式获取数组形式的结果

Question

我希望我的表单以数组格式提交价格数据，目前，我的表单有一个地图，看起来像

{data.Type && 
    <div>
      {data.Type.map((datamapped)=> 

        <div key={datamapped._id}>
        <p>{datamapped.TypeName}</p>

           <Form.Item>

          {getFieldDecorator(`price.${datamapped._id}.basePrice`)(
            <Input placeholder="Base Price"/>,
          )}

          {getFieldDecorator(`price.${datamapped._id}.higherPrice`)(
            <Input placeholder="Higher Price"/>,
          )}

        </div>
      )}
    </div>
  }

在这里，我将我的类型映射到此处并包含，basePrice 和 upperPrice 字段

结果是：

price: 
        { 
           '5dc2913cf9e2372b11db4252': { basePrice: '0', higherPrice: '0' },
           '5dc2a109f9e2372b11db4253': { basePrice: '0', higherPrice: '0' } 
        },

我想要将上面的结果作为数组格式怎么办？

Answer 1

以数组形式获取值的另一种方法是提供一个数组作为 FormItem 名称属性，如下所示：

<FormItem name={['wrapperName', index, 'propertyName']}>
    <Input/>,
</FormItem>