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

作者：菜鸟追梦旅行 | 2024-02-15 09:58:56

踩

文本中回车的换行符号渲染到页面不起作用

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

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

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

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

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

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

所以可以由此入手：


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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/83435?site