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`)( , )} )} }