React 插入不转义的html
在 React 中，字符串作为内容插入到 JSX 中，默认会被转义。这是为了防止 执行恶意代码，XSS（跨站脚本攻击）等安全问题。
如果想要 HTML 不被转义，可以使用dangerouslySetInnerHTML属性。
举例：
import React from 'react';
interface Props {
htmlContent: string;
}
const HtmlOutput: React.FC<Props> = ({ htmlContent }) => {
return (
<div dangerouslySetInnerHTML={{ __html: htmlContent }} />
);
};
// 使用示例
const App: React.FC = () => {
const rawHtml = "<span>这是未转义的HTML</span>";
return (
<div>
<HtmlOutput htmlContent={rawHtml} />
</div>
);
};
export default App;
原文地址：https://blog.csdn.net/y523648/article/details/142764918
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！