Reactjs 反应如何放置<；hr/>；2.地图？

我是个新来的反应者，在另一张地图上画一张地图不是很舒服

我现在已经做了，结果完全是我想要的，除了一件事。
我想用一个

在2.map之间分离结果，但我不知道放在哪里。
我尝试了不同的地方，比如第一张地图上的花括号之后，但都不起作用。
有人能帮我吗

我的代码：

   {data.map((responses) => {
        return responses.answers.map((element) => {
          return (
            <article>
              <div className="question">
                <div
                  className="square"
                >
                  <span>{element.type === "texte" ? "1" : "2"}</span>
                  <img src={Minus} alt="" />
                  <img
                    src={element.type === "texte" ? FileWhite : StarWhite}
                    alt=""
                  />
                </div>
                <div>{element.question}</div>
              </div>
              {element.type === "texte" ? (
                <div className="answerText">{element.answer}</div>
              ) : (
                <div className="answerNote">
                  <div className="square">
                    <input type="radio" id="note1" name="note" value="1" />
                    <label htmlFor="note1">1</label>
                  </div>

                  <div className="square">
                    <input type="radio" id="note2" name="note" value="2" />
                    <label htmlFor="note2">2</label>
                  </div>

                  <div className="square">
                    <input type="radio" id="note3" name="note" value="3" />
                    <label htmlFor="note3">3</label>
                  </div>

                  <div className="square">
                    <input type="radio" id="note4" name="note" value="4" />
                    <label htmlFor="note4">4</label>
                  </div>

                  <div className="square">
                    <input type="radio" id="note5" name="note" value="5" />
                    <label htmlFor="note5">5</label>
                  </div>
                </div>
              )}
            </article>
          );
        });
      })}
    </div>

{data.map（（响应）=>{
返回responses.answers.map（（元素）=>{
返回(
{element.type===“texte”？“1”：“2”}
{元素.问题}
{element.type===“texte”(
{element.answer}
) : (
1.
2.
3.
4.
5.
)}
);
});
})}

将边距添加到文章类。

我试图为文章添加底部边框，但没有效果。边框出现在第二个.map的每个元素之后，我只希望在第一个.map.wrap中的元素处有一个边框，并将整个第一个map包装到div中，并为该div提供边框。

{data.map（（响应）=>{..}

Nice！！！我已经把它包装好了，但没有考虑给它一个底部边框。谢谢！我尝试了你的技巧，但它没有把hr放在第一个和第二个之间。映射它放在最后。那么我如何在第一个.map的每个元素之间放置一个

---

？我在第二个.map之后添加了一个.concate（）。最后这个方法奏效了。