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接收的是一個對象鍵值對

參考文獻:
http://wiki.jikexueyuan.com/project/react/dangerously.html

http://www.cnblogs.com/shamgod/p/5052312.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM