小编sco*_*pio的帖子

所以我正在制作一个 React 应用程序，从 API 获取歌曲的歌词

API 给了我一个歌词主体，它是一个字符串，我用它来在页面上显示歌词，问题是，当 React 渲染它时，看起来不是特别好，因为 api 给了我这个：

They say "Oh my god I see the way you shine"\xe2\x86\xb5Take your hand, my dear（这是API返回给我的部分歌词数据）

正是这个字符：\xe2\x86\xb5造成了问题，他们很高兴为我提供任何应该是换行符的东西。所以我决定用一个替换那个角色<br />

这是我的一段代码：

<div className="card-body">\n   <p className="card-text">\n      {lyrics.lyrics.lyrics_body.replace(/(\\r\\n|\\n|\\r)/gm, "<br />")}\n   </p>\n</div>\n

这显然不会换行，但它只会<br />直接渲染到段落中，这不好

我对 JSX 以及你能做什么和不能做什么所以我有点迷失在这里，我尝试过/n或%0D%0A我在研究过程中发现的任何其他东西但没有任何效果

我还尝试通过添加这样的变量来连接：

const newLine = <br />;\n\n<div className="card-body">\n   <p className="card-text">\n      {lyrics.lyrics.lyrics_body.replace(/(\\r\\n|\\n|\\r)/gm, `${newLine})}\n   </p>\n</div>\n

但这只是渲染成这样：

They say "Oh my …