超越「dangerouslySetInnerHTML」：在 React 中渲染 HTML 的安全替代方案是什麼？

使用React 渲染原始HTML

詢問是否只能透過'dangerouslySetInnerHTML' 方法使用ReactJS 渲染原始HTML，提供的程式碼原始示範使用Markdown 轉換器將原始文字轉換為HTML。然而，這個問題也表達了直接渲染複雜的、類別樣式的 HTML 標記的願望。

根據 React 的最新發展，現在有更安全的渲染 HTML 的方法。這裡有四個可以考慮的選擇：

4 在React 中渲染HTML 的選項

1. Unicode: 將檔案儲存為UTF-8並將字元集設為UTF-8，允許直接使用Unicode 字元。
2. Unicode 編號： 在 JavaScript 字串中嵌入所需實體的 Unicode 編號。
3. 混合陣列： 將字串和 JSX 元素合併到一個陣列中進行渲染。
4. dangerouslySetInnerHTML： 作為最後的手段，可以使用 'dangerouslySetInnerHTML' 插入原始 HTML，但出於安全考慮，應謹慎使用此方法。

以上是超越「dangerouslySetInnerHTML」：在 React 中渲染 HTML 的安全替代方案是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！