TA貢獻1806條經驗 獲得超8個贊
您可以使用函數來執行此操作dangerouslySetInnerHTML。
https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
<div dangerouslySetInnerHTML={{__html: variable}} />;然后 HTML 代碼將照此呈現。
TA貢獻1829條經驗 獲得超9個贊
默認情況下，React 會轉義 HTML 以防止 XSS（跨站點腳本）。如果你真的想渲染 HTML，你可以使用dangerouslySetInnerHTML屬性：
<div dangerouslySetInnerHTML={{__html: variable}} />或者您可以使用任何解析 html 字符串的節點包。
TA貢獻1820條經驗 獲得超2個贊
我認為當您
從數據庫接收字符串時，它是字符串而不是 html 元素，并且反應無法將其顯示為 html 元素。您可以使用此react-html-parser將從數據庫接收到的此類 html 模板轉換為顯示為 html 元素。
import React from 'react';
import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';
const StringToHtml = () => {
// retrieves variable here
return (
return <div>{ ReactHtmlParser(variable) }</div>;
);
}
export default StringToHtml;
舉報