1. 程式人生 > >react標籤屬性dangerouslySetInnerHTML將字串轉化為html(動態渲染)

react標籤屬性dangerouslySetInnerHTML將字串轉化為html(動態渲染)

根據需求,前端頁面有時需要動態展示後端返回的程式碼,但是此時的程式碼是字串型別,直接展示,頁面顯示的只是字串,這時就用到了react標籤屬性dangerouslySetInnerHtml屬性;

dangerouslySetInnerHtml用法:

dangerouslySetInnerHtml = {__html:'這裡是後端返回字串程式碼'}

注:1,dangerouslySetInnerHtml既可以插入DOM,又可以插入字串

       2,不合時宜的使用 innerHTML 可能會導致 cross-site scripting (XSS)

 攻擊。 淨化使用者的輸入來顯示的時候,經常會出現錯 

            誤,不合適的淨化也是導致網頁攻擊 的原因之一。

參考連結:

https://blog.csdn.net/exploringfly/article/details/80582859

http://wiki.jikexueyuan.com/project/react/dangerously.html