在React中实现Vue中的v-html效果
在React中实现Vue中的v-html效果使用原生操作使用dangerouslySetInnerHTML使用原生操作//在函数组件之中let [str,setStr]=useState("<h1>hello world</h1>")let toJsx=()=>{document.getElementById("box").innerHTML(str)//获取dom元
·
在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
更多推荐
已为社区贡献1条内容
所有评论(0)