dangerouslySetInnerHTML
是React中的一个属性,它允许您将HTML作为字符串直接插入到组件中。使用dangerouslySetInnerHTML
属性时,您必须传递一个对象,该对象具有一个名为__html
的属性,该属性包含您要插入到组件中的HTML字符串。
以下是一个示例:
function MyComponent() {
const htmlString = "<div>Hello, world!</div>";
return <div dangerouslySetInnerHTML={{ __html: htmlString }} />;
}
请注意,使用dangerouslySetInnerHTML
属性时需要格外小心,因为它可以导致跨站脚本攻击(XSS)和其他安全问题。请确保您信任要插入的HTML,并在可能的情况下使用更安全的方法来渲染内容。