React中標籤字串強制轉html解析的方法

2021-10-01 12:14:23 字數 1567 閱讀 1079

遇到的問題:在react中我們經常會請求資料並渲染到頁面中間顯示,我們可以直接使用更新state的方法,並使用tihs.state.(data)的方法進行渲染,但是我們有時候會遇到需要渲染html標籤的字串到頁面中如果直接進行渲染我們得到的是html字串,並不是我們想要的html標籤。這個時候我們應該怎麼辦呢?

1.js原生方法

var html=

"這是需要渲染的標籤字串

" document.body.innerhtml = html

2.jquery方法
var html=

"這是需要渲染的標籤字串

"var parent =$(

'body');

parent.

html

(html)

3.react中強制轉為html解析的方法
}>

<

/div>

在react中盡量少使用該方法,使用該方法容易受到xss攻擊

注意:便簽內部必須為空,空格也不行。

遇到的問題:在react中我們經常會請求資料並渲染到頁面中間顯示,我們可以直接使用更新state的方法,並使用tihs.state.(data)的方法進行渲染,但是我們有時候會遇到需要渲染html標籤的字串到頁面中如果直接進行渲染我們得到的是html字串,並不是我們想要的html標籤。這個時候我們應該怎麼辦呢?

1.js原生方法

var html=

"這是需要渲染的標籤字串

" document.body.innerhtml = html

2.jquery方法
var html=

"這是需要渲染的標籤字串

"var parent =$(

'body');

parent.

html

(html)

3.react中強制轉為html解析的方法
}>

<

/div>

在react中盡量少使用該方法,使用該方法容易受到xss攻擊

注意:便簽內部必須為空,空格也不行。

React中標籤字串強制轉html解析的方法

遇到的問題 在react中我們經常會請求資料並渲染到頁面中間顯示,我們可以直接使用更新state的方法,並使用tihs.state.data 的方法進行渲染,但是我們有時候會遇到需要渲染html標籤的字串到頁面中如果直接進行渲染我們得到的是html字串,並不是我們想要的html標籤。這個時候我們應該...

form 表單提交html標籤字串和被轉義

我要通過form表單向後端提交乙個 publish time class rich media meta rich media meta text 標籤 但是後端收到後 被轉義為 gt和 lt 這樣把這個標籤插入thml後就不會被解析為標籤 要把標籤還原就用下邊的方法 data post html ...

去除字串中的html標籤

將html標籤轉化為空 賈世義 待轉化的字串 經過轉化的字串 public static string getstringnohtml string strhtml else string newreg aryreg 0 string stroutput strhtml.replace for in...