如何在 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。