如何在变量中创建换行符

Question

我对Javascript很陌生，遇到了一个问题。我试着搜索它以找出如何解决它，但我不知道要搜索的具体术语，所以我找不到解决方案。我想知道如何在变量中添加换行符，这样当你用HTML呈现变量时，它会逐行显示，而不仅仅是"；\n〃；写出来。例如，

let foo = "bob<br>is<br>cool"
return (
<div>
{foo}
</div>
)

在浏览器中；bob<br>是<br>"冷"；，没有空间。如何格式化它，使其正确显示为bob
很酷？还有，我该如何写"；bob<br>是<br>"酷"；没有空格但没有格式？

是否也可以将部分连接到它？我该如何进行

foo += "hello<br>"

谢谢，很抱歉，如果这个概念很简单，因为我在搜索时没有偶然发现解决方案，所以我转向这里

Answer 1

它是React？

使用dangerouslySetInnerHTML

<div dangerouslySetInnerHTML={{ __html: foo }}></div>

Answer 2

使用dangerouslySetInnerHTML进行React

<div dangerouslySetInnerHTML={{__html: foo}}> ...

Answer 3

如果是REACT，

使用危险的SetInnerHTML

就像<div dangerouslySetInnerHTML={{ __html: foo }}></div>

下面是的例子

function App(){
const markup={ __html: 'This text is set using </br>dangerouslySetInnerHTML'}
return(
<div dangerouslySetInnerHTML={markup}>

</div>)
}
ReactDOM.render(<App />, document.querySelector("#root"));