react屬性dangerouslySetInnerHTML

很多問題都是在項目中積累的,比如最近做的react項目有個需求要將后臺返回的字符串(字符串中可能包含<a>標簽的鏈接)。對于正常的字符串我們都知道怎么處理,但是加上html標簽就不能直接展示了。

因為之前沒遇到過,所以也就沒注意過這樣的問題,在vue中有v-html可以輕松的插入。

在react中也提供了一個屬性可以幫我們將dom字符串轉化為dom節點,

這個屬性就是:dangerouslySetInnerHTML

接收一個對象具體用法如下:

<div dangerouslySetInnerHTML={{__html: '<a href="">跳轉</a>'}}></div>

若是動態數據直接替換__html的值即可。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。