您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關react渲染html標簽的示例,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
react渲染html標簽的方法:可以使用dangerousSetInnerHTML屬性來進行渲染,如【<div dangerousSetInnerHTML={{__html: textCotent}}></div>】。
方法介紹:
如果從后端獲取到一端HTML標簽的字符串內容(textContent)需要以標簽的形式渲染,那么我們可以使用 dangerousSetInnerHTML這個屬性,但是使用這個屬性之后就會存在xss攻擊的風險:
<div dangerousSetInnerHTML={{__html: textCotent}}></div>
其他方式推薦:
function createMarkup() { return {__html: 'First Second'}; } function MyComponent() { return <div dangerouslySetInnerHTML={createMarkup()}></div>; }
關于react渲染html標簽的示例就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。