如何在變量中換行

Question

我是 Javascript 的新手，遇到了問題。 我嘗試搜索它以找出解決方法，但我只是不知道要搜索的具體術語，所以我找不到解決方案。 我想知道如何在變量中添加換行符，以便當您使用 HTML 呈現變量時，它會按行顯示它，而不僅僅是寫出“\n”。 例如，

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

在瀏覽器中，這顯示為“bob< b r >is < b r >cool”，沒有空格。 我如何格式化它才能正確顯示為 bob
是
涼爽的？ 另外，如何在沒有空格但沒有格式的情況下編寫“bob< b r >is < b r >cool”？

是否也可以將零件連接到它？ 我該怎么辦

foo += "hello<br>"

謝謝，抱歉，如果這個概念很簡單，因為我在搜索時不知何故沒有偶然發現解決方案，所以我轉向這里

Answer 1

是反應？

危險地使用dangerouslySetInnerHTML

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

Answer 2

對 React 使用dangerouslySetInnerHTML

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

Answer 3

如果是反應，

危險地使用 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"));