如何将对象数组附加到 formData

Question

我有一个动态表单，我将所有值保存在一个 useState 中，名称为 formFields 并像这样输出：

   {
      title: "aaa",
      description: "bbb",
      second_description: "ccc",
      step_number: 1,
      image: null,
    },
   {
      title: "zzz",
      description: "xxx",
      second_description: "eee",
      step_number: 2,
      image: null,
    }
]

我应该保存这个对象数组并像这样作为 POST 请求发送：

{
 steps: [
         {
      title: "aaa",
      description: "bbb",
      second_description: "ccc",
      step_number: 1,
      image: null,
    },
   {
      title: "zzz",
      description: "xxx",
      second_description: "eee",
      step_number: 2,
      image: null,
    }

    ]
}

但是使用这段代码我不能在 steps[] 中附加这个对象

   formFields.forEach((item) => {
      formData.append("steps[]", item);
    });

并在控制台中显示如下： steps: Array [ "[object Object]", "[object Object]" ]

对象保存为stringsteps！ , 但我想保存对象 我该怎么做？

Answer 1

这回答了你的问题了吗？

let formFields = [{
      title: "aaa",
      description: "bbb",
      second_description: "ccc",
      step_number: 1,
      image: null,
    },
   {
      title: "zzz",
      description: "xxx",
      second_description: "eee",
      step_number: 2,
      image: null,
    }]
;

let formData = {};
formData.steps = [];

formFields.forEach((item) => {
    formData.steps.push(item);
});

JSON.stringify(formData);

//output 

'{"steps":[{"title":"aaa","description":"bbb","second_description":"ccc","step_number":1,"image":null},{"title":"zzz","description":"xxx","second_description":"eee","step_number":2,"image":null}]}'