Javascript 如何在变量内换行

我对Javascript非常陌生，遇到了一个问题。我试图搜索它，以找出如何解决它，但我只是不知道具体的搜索条件，所以我无法找到一个解决方案。我想知道如何在变量中添加换行符，以便在使用HTML呈现变量时，它可以按行显示，而不仅仅是写出“\n”。 比如说,

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

let foo=“bob
很酷”
返回(
{foo}
)

在浏览器中，这显示为“bob
is
cool”，不带空格。如何格式化它，使其正确显示为bob
很酷？另外，如果没有空格，但没有格式，我如何写“bob
很酷”

是否也可以将零件连接到它？我该怎么办

foo += "hello<br>"

foo+=“你好
”

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

使用React

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

。。。

用于React

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

。。。

是什么反应

使用

危险的LysetinerHTML

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

是什么反应

使用

危险的LysetinerHTML

<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"));

函数应用程序（）{
const markup={uuuu html:'此文本使用
DangerouslySetinerHTML'}设置
返回(
)
}
ReactDOM.render（，document.querySelector（“#root”）；

如果是反应

使用危险的西汀

就像

下面是一个例子

function App(){
  const markup={ __html: 'This text is set using </br>dangerouslySetInnerHTML'}
return(
<div dangerouslySetInnerHTML={markup}>
  
  </div>)
  }
ReactDOM.render(<App />, document.querySelector("#root"));

函数应用程序（）{
const markup={uuuu html:'此文本使用
DangerouslySetinerHTML'}设置
返回(
)
}
ReactDOM.render（，document.querySelector（“#root”）；

这不是简单的Javascript。你在用React吗？请为您的问题添加适当的标记。这不是简单的Javascript。你在用React吗？请在您的问题中添加适当的标签。