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接收的是一個對象鍵值對
參考文獻:
http://wiki.jikexueyuan.com/project/react/dangerously.html