回顾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,又可以插入标签;