虽然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}}>
}
}
版权声明:本文为Lambert0320原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。