很多問題都是在項目中積累的,比如最近做的react項目有個需求要將后臺返回的字符串(字符串中可能包含<a>標簽的鏈接)。對于正常的字符串我們都知道怎么處理,但是加上html標簽就不能直接展示了。
因為之前沒遇到過,所以也就沒注意過這樣的問題,在vue中有v-html可以輕松的插入。
在react中也提供了一個屬性可以幫我們將dom字符串轉化為dom節點,
這個屬性就是:dangerouslySetInnerHTML
接收一個對象具體用法如下:
<div dangerouslySetInnerHTML={{__html: '<a href="">跳轉</a>'}}></div>
若是動態數據直接替換__html的值即可。