虽然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}}>
}
}