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}}>
}
}
React提供了一个dangerouslySetInnerHTML属性,可以实现inner赋值操作。
render(){
let
compsData= '<ul><li>内容</li><li>内容</li><li>内容</li><li>内容</li></ul>';
return(){
<div dangerouslySetInnerHTML={{__html:compsData}}>
}
}
相关文章推荐
- React渲染动态HTML——dangerouslySetInnerHTML
- React的dangerouslySetInnerHTML与Angular的ng-bind-html
- react.js使用非元素属性dangerouslySetInnerHTML
- dangerouslySetInnerHTML, 让React正常显示你的html代码
- dangerouslySetInnerHTML, 让React正常显示你的html代码和<br/>
- dangerouslySetInnerHTML, 让React正常显示你的html代码
- react dangerouslySetInnerHTML
- React dangerouslySetInnerHTML - 将HTML字符串解析为html样式显示在table的扩展中
- javascript innerHTML出现未知运行时错误
- javascript innerHTML、outerHTML、innerText、outerText的区别
- React 如何解析从后台读取的内容是html格式代码(带样式)
- javascript innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML使用分析
- jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
- Uncaught TypeError: Cannot set property 'innerHTML' of null
- BUG: Internet Explorer Fails to Set the innerHTML Property of the Select Object
- javascript DOM innerHTML createElement createTextNode
- VSCode拓展插件推荐(HTML、Node、Vue、React开发均适用)
- body.innerHTML
- JS中innerHTML createTextNode innerText outerHTML 区别