如何在 React 中正確渲染 HTML 字串？

將HTML 字串呈現為真實HTML

嘗試將HTML 內容顯示為真實HTML 時，某些情況可能會導致意外結果，其中字串呈現為文字而不是解釋為HTML。要解決此問題，至關重要的是確保 HTML 字串用雙引號引起來，並在必要時進行解碼。

解決此問題的一種方法是將HTML 字串用危險地SetInnerHTML 屬性中的雙引號引起來，如下所示下面的範例示範了：

但是，如果HTML 字串儲存為對象，則不會將其呈現為HTML。在這種情況下，必須先將物件轉換為字串，然後再將其指派給angerouslySetInnerHTML。

此外，在處理HTML字串中的HTML實體時，必須在將它們指派給dangerouslySetInnerHTML之前對其進行解碼。這可以使用 htmlDecode 函數來實現：

以上是如何在 React 中正確渲染 HTML 字串？的詳細內容。更多資訊請關注PHP中文網其他相關文章！