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

从接口获得的数据格式是这样的:前端

clipboard.png

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

clipboard.png

而想要的结果应该是和log的结果同样,是这样的:spa

clipboard.png

但结果直接渲染出来倒是这样的:code

clipboard.png

字符“↵”是换行的意思,但在前端展现的只是空格,从字符串中indexOf(“↵”)获得的是:blog

clipboard.png

并无获得“↵”。
可是咱们indexOf(“\n”)获得:接口

clipboard.png

因此能够由此入手:ip

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

就能够获得咱们想要的效果:字符串

clipboard.png

相关文章
相关标签/搜索