react dangerouslySetInnerHTMl

dangerouslySetInnerHTMl

dangerouslySetInnerHTMl 是React標籤的一個屬性，相似於angular的ng-bind；

據說這個單詞這麼長，是故意的，應爲有可能不合時宜的使用innerHTML會致使XSS攻擊(然而我並不懂什麼是XSS)，

__htlml: DOM;

一般dangerSetInnerHTML(這個糟糕的單詞，，這麼長。。)是和__html配套使用的，用來在一個標籤中插入許多個標籤(安全的插入)；

一般寫法：

var HelloMessge = React.createClass({

　　 render: <div dangerouslySetInnerHTML={{ __html: '<h3>hahhah</h3>' }}> </div>

});

固然既然能夠插入DOM，也能夠插入字符串。。

dangerouslySetInnerHTML={{ __html: 'hahahhahaha' }}>

之因此是有2個{{}}，是由於第一{}表明jsx語法開始，第二個是表明dangerouslySetInnerHTML接收的是一個對象鍵值對