Javascript 以Antd形式获取结果作为数组
我希望我的表单以数组格式提交价格数据,目前,我的表单有一个映射,如下所示Javascript 以Antd形式获取结果作为数组,javascript,reactjs,antd,ant-design-pro,Javascript,Reactjs,Antd,Ant Design Pro,我希望我的表单以数组格式提交价格数据,目前,我的表单有一个映射,如下所示 {data.Type && <div> {data.Type.map((datamapped)=> <div key={datamapped._id}> <p>{datamapped.TypeName}</p> <Form.Item> {g
{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>
}
我想把上面的结果作为数组格式怎么办 您可以尝试以下方法:
var json = {
price: {
"5dc2913cf9e2372b11db4252": { basePrice: "0", higherPrice: "0" },
"5dc2a109f9e2372b11db4253": { basePrice: "0", higherPrice: "0" }
}
};
json.price = Object.entries(json.price);
console.log(json);
您可以尝试以下方法:
var json = {
price: {
"5dc2913cf9e2372b11db4252": { basePrice: "0", higherPrice: "0" },
"5dc2a109f9e2372b11db4253": { basePrice: "0", higherPrice: "0" }
}
};
json.price = Object.entries(json.price);
console.log(json);
请尝试将
数据映射更改为[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>
}
{data.Type&&
{data.Type.map((数据映射,索引)=>
{datamapped.TypeName}
{getFieldDecorator(`price[${index}].basePrice`)(
,
)}
{getFieldDecorator(`price[${index}].higherPrice`)(
,
)}
)}
}
尝试将数据映射更改为[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>
}
{data.Type&&
{data.Type.map((数据映射,索引)=>
{datamapped.TypeName}
{getFieldDecorator(`price[${index}].basePrice`)(
,
)}
{getFieldDecorator(`price[${index}].higherPrice`)(
,
)}
)}
}