API 在反应中显示数组映射

Question

我在地图中显示这 2 个循环时遇到问题。我使用此地图进行显示，但似乎无法同时显示两个循环。

我可以只在一个循环中显示它们吗？像循环内循环？在这里需要帮助 tia

Choices Data

{testQuestionData.map(({choices}) => (
   <div>{choices.map((tchoices)=>
      <div>
         {tchoices.testChoices}
      </div>
        )}
   </div>
))} 

Question Data

{testQuestionData.map(td=>(
  <div className="col-md-12">
     {td.question.testQuestion}
         <label>Choices: {td.choicesDisplay}</label>
   </div>
))}

{
  "question": {
    "testQuestion": "Earth is flat?",
  },
  "choices": [
    {
      "testChoices": "true",
      "
    }
   {
      "testChoices": "false",
      "
    }
  ]
}

Answer 1

您的数据格式错误。在测试选择之后您有一个随机的"，而在选择之间没有,。

您的数据应如下所示

{
    "question": {
      "testQuestion": "Earth is flat?",
    },
    "choices": [
      {
        "testChoices": "true",        
      },
     {
        "testChoices": "false",        
      }
    ]
  }