標題可以是： 超越危險的SetInnerHTML：是否有更安全的方法在 React 中渲染原始 HTML？

在React 中以增強的安全性渲染原始HTML

問題：

是否使用危險的SetInnerHTML在React 中渲染原始HTML 的唯一方法？

答案：

自從問題中描述的初始方法以來，React 中已經取得了進步，以確保更安全的 HTML 渲染。今天有四個選項可供選擇：

1。 Unicode

使用 Unicode 對 HTML 字元進行編碼。將檔案另存為 UTF-8 並將字元集設定為 UTF-8。例：

<div>{'\u00b7'}</div>

2。 Unicode 數字

將 Unicode 數字嵌入到 JavaScript 字串中。

<div>{String.fromCharCode(183)}</div>

3.混合陣列

將字串和JSX元素組合成一個陣列：

<div>{['First ', <span>&amp;middot;</span>, ' Second']}</div>

4. DangerouslySetInnerHTML（最後的手段）

使用dangerouslySetInnerHTML作為最後的選擇：

<div dangerouslySetInnerHTML={{__html: 'First &amp;middot; Second'}} />

建議：

首選前三種方法為了安全性和可維護性。僅在絕對必要時才使用angerlySetInnerHTML。

以上是標題可以是： 超越危險的SetInnerHTML：是否有更安全的方法在 React 中渲染原始 HTML？的詳細內容。更多資訊請關注PHP中文網其他相關文章！