在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
Logo

前往低代码交流专区

更多推荐