react 渲染html

在 React 中渲染 HTML 可以利用 JSX 语法，将 HTML 标签编写成 React 组件的形式，例如：

import React from 'react';

function App() {
  return (
    <div>
      <h1>Hello World!</h1>
      <p>This is a paragraph.</p>
    </div>
  );
}

export default App;

在上面的例子中，我们使用 `<div>`、`<h1>` 和 `<p>` 标签作为 React 组件，然后将它们渲染到页面上。

当然，如果需要将 HTML 字符串渲染成 React 组件，可以使用 `dangerouslySetInnerHTML` 属性，例如：

import React from 'react';

function App() {
  const htmlString = '<h1>Hello World!</h1><p>This is a paragraph.</p>';

  return (
    <div dangerouslySetInnerHTML={{ __html: htmlString }} />
  );
}

export default App;

需要注意的是，由于使用 `dangerouslySetInnerHTML` 可能存在 XSS 攻击的风险，因此需要确保渲染的 HTML 字符串是可信的。