React 学习笔记：dangerouslySetInnerHTML属性（七）

回顾js中的innerHTML标签和innerText标签：

1、innerHTML：识别标签结构：

     获取元素的内容：element.innerHTML;

     给元素设置内容：element.innerHTML =htmlString;

2、innerText：只识别文本：

     获取元素的内容：element.innerText;

     给元素设置内容：element.innerText = string;

3、dangerouslySetInnerHTML：能识别标签结构

   <p dangerouslySetInnerHTML={{ __html: item.price + "/月" }} />

   PS：①dangerouslySetInnerHTML是react中的属性，类似于angular中的ng-bind指令；

           ②有两个{{}}，外层的{}代表jsx语法的开始，此处的第二个{}代表接收的是{key：value}的键值对；

           ③既可以插入dom，又可以插入标签；