得到字符串包含↵,渲染到頁面不換行的解決辦法

從接口獲得的數據格式是這樣的:前端

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

相關文章
相關標籤/搜索