」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何在不使用「dangerouslySetInnerHTML」的情況下安全地在 React 中渲染原始 HTML?

如何在不使用「dangerouslySetInnerHTML」的情況下安全地在 React 中渲染原始 HTML?

發佈於2024-11-05
瀏覽:851

How to Render Raw HTML in React Safely Without `dangerouslySetInnerHTML`?

使用更安全的方法在React 中渲染原始HTML

在React 中,您現在可以使用更安全的方法來渲染原始HTML ,避免使用危險的SetInnerHTML 。這裡有四個選項:

1。 Unicode 編碼

使用Unicode 字元表示UTF-8 編碼檔案中的HTML 實體:

{`First \u00b7 Second`}

2. JSX 字串中的Unicode 數字

將HTML 實體轉換為JSX 字串中的Unicode 數字:

{`First ` String.fromCharCode(183) ` Second`}

3.字串和JSX 元素的混合數組

組合字串和JSX 元素以呈現複雜的HTML:

{[`First `, ·, ` Second`]}

4. DangerouslySetInnerHTML作為最後的手段

僅將angerouslySetInnerHTML 作為最後的手段,因為它會引入潛在的安全漏洞:

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3