javascript - 以 Antd 形式以数组形式获取结果
问题描述
我希望我的表单以数组格式提交价格数据,目前,我的表单有一张地图,看起来像
{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 和 highPrice 字段
结果是:
price:
{
'5dc2913cf9e2372b11db4252': { basePrice: '0', higherPrice: '0' },
'5dc2a109f9e2372b11db4253': { basePrice: '0', higherPrice: '0' }
},
我想把上面的结果做成数组格式怎么办呢?
解决方案
尝试更改datamapped._id
为[index]
{data.Type &&
<div>
{data.Type.map((datamapped, index)=>
<div key={datamapped._id}>
<p>{datamapped.TypeName}</p>
<Form.Item>
{getFieldDecorator(`price[${index}].basePrice`)(
<Input placeholder="Base Price"/>,
)}
{getFieldDecorator(`price[${index}].higherPrice`)(
<Input placeholder="Higher Price"/>,
)}
</div>
)}
</div>
}
推荐阅读
- docker - Docker + webdevops:“无法访问此站点”
- projection - 就餐 Simphony Projection 定制
- ios - 如何将 ITF 条形码用于钱包通行证?
- javascript - 如何在javascript中编写一个函数,该函数在调用时返回true或false,而不使用闭包保留全局变量?
- firebase - 在 Flutter 应用中处理未读或未点击的通知
- python - 在 Windows 上使用 pip 安装 google-cloud-vision 时找不到 build_ext
- php - 完全没有电子邮件业务的 Laravel 身份验证
- php - Laravel - 如何将集合数据加载到表中?
- python - 熊猫在月日时间后从其余字符串中分离出来
- c++ - 在 Qt 中,当我使用 css 定义悬停图像时,它不起作用