<div dangerouslySetInnerHTML={{__html: '<h3>this is content</h3>'}}></div>

这个可以将带有html的字符串转变成dom节点，后台传来的字符一定要是未转义的

let str = "<h3>this is content</h3>"
<div dangerouslySetInnerHTML={{__html: str}}></div>

支持嵌套和深层嵌套，例如<div a={{b:>}}}} /> props：支持 字符串 ，数字，函数（以prop={function noRefCheck() {}}内联），对象， React Element（内联），正则表达式，布尔值（带有或不带有），... 按字母顺序排列道具 以确定的顺序对对象键进行排序（ o={{a: 1, b:2}} === o={{b:2, a:1}} ） 处理ref和key属性，它们总是在props之上 React 的JSX文档缩进样式 用生 成 的目录 yarn add react -element-to-jsx-string [--dev] import R 虚拟 DOM (virtual DOM )是 React 的一大亮点。正是因为虚拟 DOm ，在大多数的应用场景中，我们都只要关注设置组件的状态(setState)，不需要直接操作 DOM 。那么虚拟 DOM 到底是什么呢？其实，虚拟 DOM (virtual DOM )是一个模拟 DOM 树的JavaScript对象。 React 使用虚拟 DOM 来渲染UI，当组件状态state有更新时， React 会自动调用组件的render方法重... dangerouslySetInner HTML 属性用在h5标签上，然后赋值一个对象{__ html : ‘插入的 字符串 ’}，就会在该 节点 子元素的位置生 成 你插入的 dom 节点 // react 写法 dangerouslySetInner HTML ={{ __ html : '这里放包涵 html 标签的 dom 字符串 ', 如果你没有走网络请求，也就是没有render两次，就使用注释掉的两个方法即可。或者两个都写一遍。/** * Created by wuyakun on 2017/4/27. */import React from ' react ';class GoodsDetail extends React .Component { constructor(props) { super(pr 在使用 react js库的时候，会遇到将一段 html 的 字符串 ，然后要将它插入页面中以 html 的形式展现，然而直接插入的话页面显示的就是这段 字符串 ，而不会进行转义，可以用一下方法插入，便可以 html 的形式展现：<div dangerouslySetInner HTML ={{__ html : "<p>爱死费崇政</p>"}} /> 1：babel的支持    我们知道 HTML 5文本中，我们是无法使用jsx的，例如，下面的定义就会出错：   let v dom = (&lt;div id="box"&gt; &lt;div&gt;hello ,World!&lt;/div&gt; &lt;span&gt;你好吗&lt;/span&gt; &lt;/div&gt; )    babel也提供了 主要转化原理 将存储在存储在 字符串 中的XML或 HTML 解析 为一个 DOM 文档，然后使用parseFromString方法将这个 DOM 文档转化为一个 DOM 对象。选择到要插入的 节点 后使用append方法插入到对应的位置即可。 有点懵？没关系，继续往下看。 创建 DOM Parser()文档 使用parseFromString()方法将 DOM Parser()文档转化为 DOM 对象 选择D...