Javascript 在新行上显示数组中的每个项目

我有一个如下所示的数组：

let array = ["Item 1", "Item 2", "Item 3"]

我需要all在新行上显示所有这些项目，以便使用join

let joinedArray = array.join("\n")

如果我记录这个，它看起来是正确的，但是我需要将它呈现给DOM，这就是问题所在。如何将这些项目中的每一项以新行分隔呈现给DOM

return <MyComponent
      { array.length !== 0 &&
        <div>
            {joinedArray}
        </div>
      }
</MyComponent>;

---

返回相反，您可以使用将文本添加到
标记中，以呈现所需的JSX

使用
标记尝试以下操作：

return <>
   { array && array.map(e => <p>{e}</p> }
</>

返回
{array&&array.map（e=>{e}
}

我希望这会有所帮助！
您可以通过添加一个新类来实现这一点，比如说
addlinebreak
with
white space:pre-line
style:


let数组=[“第1项”、“第2项”、“第3项”]
让JoineArray=array.join（“\n”）
类应用程序扩展了React.Component{
render（）{
返回{joinedaray}；
}
}
ReactDOM.render（，document.getElementById（“app”）；
.addlinebreak{
空白：行前；
}

您是否尝试使用

加入？@MohammadUsman是的，不幸的是它被忽略了