从json返回dom元素
Returning dom element from json
我有一个这样的JSON:
{
"HOME_VIEW_CONTENT": {
"header": "<div>Hello <span className='someClass'>world!</span></div>",
"ingress": "Hello moon!"
}
}
然后在react中我有这个代码:
{content.header}
{content.ingress}
这工作,但我得到的div作为一个字符串(自然)。是否有一个插件或一个简单的方法来转换字符串与div到一个div对象,而不使用危险的insertinnerhtml在反应?
我正在使用webpack + react设置,所以我可能会使用加载器?或者是否有一种反应方法来做到这一点?
React转义HTML以防止XSS。如果你真的想渲染HTML,你可以使用危险的setinnerhtml:
dangerouslySetInnerHTML={{__html: this.state.actions}}
React有这种语法,这样你就不会意外地将文本呈现为HTML并引入XSS错误。
这是来自文档,我还没有测试这个,因为我不需要它到目前为止。
相关文章:
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 如何在DOM元素上按类型构建此函数
- DOM元素和angular元素之间的主要区别是什么
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何使用JavaScript在没有html dom的情况下隐藏html元素
- 使用jquery创建dom元素会导致ie9出现拒绝访问错误
- 通过AJAX侦听向DOM添加某些元素
- 如何在使用Ractive.extend()时引用DOM元素
- 在d3中向DOM元素添加了图像,但现在它赢得了't过渡
- Selenium无法在浏览器DOM中定位元素
- 如何'剪切'DOM元素并将其显示在其他位置
- 转换<a>使用jQuery将文本字符串转换为dom元素
- 从dom中删除任何元素后,Touchmove事件停止触发
- d3在数据更新时错误地附加了dom元素
- 访问VueJS中的DOM元素
- 在Meteor中如何查找DOM元素(渲染后)
- 找到元素DOM的根节点(阴影或光)的最佳方法是什么?
- 在querySelector:如何获得第一个和最后一个元素?dom中使用的遍历顺序