React - 如何将一个对象作为字段添加到FormData中

Question

3

我正在使用React，并尝试使用FormData将数据发送回我的后端（DRF），以便正确存储数据。但是，我在将对象附加为字段到FormData时遇到了一些问题，因为它会被转换为[object，Object]。有没有办法克服这个问题？

以下是我参考的代码

传入formdata之前的我的数据

{ quotation: "22222.00",
  customer: {customer_name: 'Customer A', address: 'Address B', number: '123456789'} 
}

如何将数据传递到FormData中

let formData = new FormData();
formData.append('quotation', data.quotation);
formData.append('customer', data.customer);

在将数据附加到FormData后，当记录FormData时，客户字段会变成这样。

customer: [object Object]

这是后端接收到的数据。

{'quotation': '22222.00', 'customer': '[object Object]' }

请指导我，谢谢大家！

- jason

5

在将数据附加到formData之前，您可以对对象进行字符串化处理。例如 - formData.append('customer', JSON.stringify(data.customer)) - Sajeeb Ahamed

1

如果您使用JSON.stringify而不是data.customer，会发生什么？ - Axnyff

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Derick · Accepted Answer

在将数据附加到FormData之前，您可以使用JSON.stringify（data.customer）。