React dangerouslySetInnerHTML - 将HTML字符串解析为html样式显示

React中的`dangerouslySetInnerHTML`属性允许你将一个包含HTML标签和内容的字符串解析为HTML样式并显示在页面上。这个属性的使用是被认为是“危险”操作，因为它可以导致跨站脚本攻击（XSS攻击）。

使用`dangerouslySetInnerHTML`属性时，你需要传递一个对象，该对象包含一个`__html`属性，该属性的值是要显示的HTML字符串。例如：

function MyComponent() {
  const htmlString = "<h1>Hello, world!</h1>";
  return <div dangerouslySetInnerHTML={{ __html: htmlString }} />;
}

在上面的例子中，`MyComponent`组件将`htmlString`字符串解析为HTML样式，并将其显示在页面上。请注意，传递给`dangerouslySetInnerHTML`属性的对象应该只包含`__html`属性，不应该包含其他属性，因为这可能会导致安全漏洞。

需要注意的是，使用`dangerouslySetInnerHTML`属性时应该非常小心，只有在你知道你要渲染的HTML字符串是安全的情况下才应该使用它。否则，最好使用React提供的其他方法来渲染内容，例如使用`React.createElement`函数手动创建元素。