javascript - 如何将/n 替换为 react.js 中的换行符？

Question

我正在尝试替换每个 /n到 <br>标记 ReactJS .在我的 note.note对象有一个带有多个 /n 的字符串在里面。

示例 note.note: test\ntest\ntest
我在 ReactJS 中尝试过的内容:

{
  note.note.split('\n').map(function( item, idx) {
    return (
        <span key={idx}>
          {item}
          <br/>
        </span>
    )
  })
}

Answer 1

对此的替代方法是使用 css 以换行符显示它。这也使得复制和粘贴原始换行符以及区分一个换行符( \n )和两个换行符( \n\n )变得更容易。
只需添加样式white-space: pre-wrap;到你的元素。

<div style={{whiteSpace: "pre-wrap"}}>{note.note}</div>

如果不完全符合您的要求，还有其他空白选项: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space