获得字符串包含↵，渲染到页面不换行的解决办法

从接口得到的数据格式是这样的：

在浏览器中log的结果是这样的：

而想要的结果应该是和log的结果一样，是这样的：

但结果直接渲染出来却是这样的：

字符“↵”是换行的意思，但在前端展示的只是空格，从字符串中indexOf（“↵”）得到的是：

并没有得到“↵”。
但是我们indexOf（“\n”）得到：

所以可以由此入手：

let arr = name.split("\n")
    const arrItems = arr.map((item)=>{
              <p>{item}</p>
          })
          

就可以得到我们想要的效果：