如何在 React JS 中发送表单数据中的对象数组？

Question

我一直在尝试在后端使用 React JS 在表单数据中发送一组对象。 当我使用其 append 方法将数据推送到表单数据中时，它显示我的数组如下

SurveyAnswers: [object object, object, object]

在 browsers.network 选项卡中，但我们在后端收到 null。 我们已经检查了后端 API 当我们使用 postman 发送数据时它工作正常，但是，当通过前端发送数据时，它有问题。 以下是我的代码片段：

const answers = [ 
  {
    Answer: "Hello World",
    QuestionId: 26,
    UserId: 190
  },
  {
    Answer: "Document",
    File: file,
    UserId: 190,
    QuestionId: 23
  }
]

const onSubmit = () => {
  const data = new FormData();
  data.append("SurveyAnswers", answers);
  const res = await executeAddSurveyFormAnswers({ data: data });     
  console.log('response, res);
}

Answer 1

如果您尝试传递 object，则需要“字符串化”object

data.append("SurveyAnswers", JSON.stringify(answers))

然后在后端，您需要“解析”或“反序列化”字符串以转换回 object。我不知道您在服务器端使用的是什么语言，但您可以搜索“解析 json 字符串in XXX" <-XXX 是语言（即.. C#）

Answer 2

然后在后端，您需要“解析”或“反序列化”字符串以转换回 object。

如果您使用的是 Node.js，您将使用 JSON.parse() 以将字符串化的 object 反序列化为本机 javascript object。