索鸟网

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

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


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

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

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

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

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

并没有得到“↵”。
但是我们indexOf(“\n”)得到:

所以可以由此入手:

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

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

javascript

来源地址:https://segmentfault.com/a/1190000010574613 版权归作者所有!