react怎麼渲染html標籤

react渲染html標籤的方法：可以使用dangerousSetInnerHTML屬性來進行渲染，如【<div dangerousSetInnerHTML={{__html: textCotent}}></div>】。

本教學操作環境：windows10系統、react16版，此方法適用於所有品牌電腦。

（學習影片分享：react影片教學）

方法介紹：

如果從後端取得到一端HTML標籤的字串內容( textContent)需要以標籤的形式渲染，那麼我們可以使用dangerousSetInnerHTML這個屬性，但是使用這個屬性之後就會存在xss攻擊的風險：

<div dangerousSetInnerHTML={{__html: textCotent}}></div>

其他方式推薦：

function createMarkup() {
  return {__html: 'First     Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()}></div>;
}

相關推薦：js教學

#

以上是react怎麼渲染html標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！