React - 如何将对象作为字段附加到 FormData

Question

我正在使用 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);

将数据附加到表单数据后，在记录表单数据时，这就是客户字段的内容

customer: [object Object]

这是后端收到的数据

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

请指导我，谢谢大家！

Answer 1

您可以JSON.stringify(data.customer)在附加到 FormData 之前使用。