我正在创建一个问答应用。我想要以以下方式显示结果
> 问题:  
你的答案:  
正确答案:
但是目前我的代码显示成一行，就像这样（请查看图片链接以查看实际结果）：
> 问题: 你的答案: 正确答案:  
图片链接: [https://ibb.co/30v89qS][1]
以下是我的代码
    
    var indents = [];
    for (var i = 0; i < questions.length; i++) {
        indents.push(<span><p>问题: {[questionWrongSelection[i], `你的答案: ${wrongAnswer[i]}`, `正确答案:\n ${rightAnswer[i]}`]}</p></span>);
    }
这是 div 的样式：-
    <div className='wrongselection'>
        <hr />
        <h3>错误答案</h3>
        <p>
            <p>
                {indents.map(indent=><div>{indent}</div>)}
            </p>
        </p>
    </div>
我尝试使用 .map 方法，但由于某种原因它对我不起作用，或者我可能使用方法不对。任何帮助将不胜感激。
[1]: https://i.stack.imgur.com/swv9q.png

var indents = [];
for (var i = 0; i < questions.length; i++) {
indents.push(
<span>
<p>问题：{questionWrongSelection[i]}</p>
<p>你的答案：{wrongAnswer[i]} </p>
<p>正确答案：{rightAnswer[i]}</p>
</span>
);
}

var indents = [];
for (var i = 0; i < questions.length; i++) {
  indents.push(
    <div className="result">
      <div>
        <strong>Question:</strong> {questionWrongSelection[i]}
      </div>
      <div>
        <strong>Your Answer:</strong> {wrongAnswer[i]}
      </div>
      <div>
        <strong>Correct Answer:</strong> {rightAnswer[i]}
      </div>
    </div>
  );
}