在React中实现Vue中的v-html效果
使用原生操作
//在函数组件之中
let [str,setStr]=useState("<h1>hello world</h1>")
let toJsx=()=>{
document.getElementById("box").innerHTML(str)
//获取dom元素,使用innerHTML插入内容
}
<div id="box">
{toJsx()}
</div>
使用dangerouslySetInnerHTML
<div dangerouslySetInnerHTML={{__html: content}}></div>
//content是要进行页面渲染的字符串
这里必须要有__html