react 回顯 HTML字符串信息

在開發項目中，用到了富文本編輯器，給後臺傳的字段值是html的字符串，比如“<div><p>123456</p></div>”

回顯顯示的時候，後臺返回的也是 text:  “<div><p>123456</p></div>”

原生js,你可以用 innerHtml來搞定了。

此時在react，jsx的中如何回顯呢？

方案一: 寫個div，原生js來搞

<div className="strTmp"></div>

document.querySelector(".strTmp").innerHTML = text;

方案二：在react中使用 dangerouslySetInnerHTML屬性

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