React innerHTML

虽然React提供一系列的渲染机制,但有些Render变量是HTML字符串,需要以innerHTML嵌入到React组件中,但由于在组件Render之前无法通过id或class获取目标标签,所以无法通过element.innerHTML进行赋值;

React提供了一个dangerouslySetInnerHTML属性,可以实现inner赋值操作。

render(){

let compsData= '<ul><li>内容</li><li>内容</li><li>内容</li><li>内容</li></ul>';

return(){

<div dangerouslySetInnerHTML={{__html:compsData}}>

}

}

猜你喜欢

转载自blog.csdn.net/Lambert0320/article/details/71439711