动态创建 JSON 正文并在 React JS 中调用 API

Question

我需要使用 React JS 在屏幕上显示问题列表。我将从另一个系统获取问题列表。 当我第一次调用 API 时，它返回第一个问题。当我选择第一个问题的答案时，我需要调用 PUT API，作为响应，第一个和第二个问题都会出现。当我选择第二个问题的答案时，我需要再次调用相同的 PUT API 并响应 1,2，然后会出现 3 个问题。

PUT API 的请求结构是这样的 -

https://json.com/web/api/v/ASSIGNMENT/testassign/action/SomeForm/refresh/refreshFor=sffwefwcwwf
       {
        "content": {
          "question1": "question1answer"
      }
      }

我的挑战是 - 我需要动态地形成内容。当第一个问题得到回答时，它应该像 -

 {
    "content": {
      "question1": "question1answer"
  }
  }

关于更改第二个问题的答案 -

     {
        "content": {
          "question1": "question1answer"
          "question2": "question2answer"
      }
      }

就这样继续下去。 我如何管理 json body 的状态，你能逐步解释一下吗？ 提前致谢。

Answer 1

如果你有这个结构：

{
  "content": {
    "question1": "question1answer",
    "question2": "question2answer"
  }
}

你可以找到这样的答案：

    let response = {
      "content": {
        "question1": "question1answer",
        "question2": "question2answer"
      }
    };
    let answers = Object.keys(response.content).map(item => {
      return {
         question: item,
         answer: response.content[item]
      }
    });

//"[{"question":"question1","answer":"question1answer"},{"question":"question2","answer":"question2answer"}]"