您的位置:首页 > Web前端 > React

React innerHTML

2017-05-09 10:25 316 查看
虽然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}}>

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: