reactjs - 如何从 reactjs 组件获取 html 代码

Question

我需要发送我渲染的 reactjs 组件的电子邮件，为此，我需要将我的 react 组件转换为 HTML 并发送电子邮件。我知道如何通过邮件发送 HTML，但在如何从 reactjs 组件获取 HTML 时陷入困境。

Answer 1

您可以使用 renderToString的 react-dom/server并像使用它一样

import ReactDOMServer from 'react-dom/server'
const htmlString = ReactDOMServer.renderToString(<App />)

ReactDOMServer用于 react 组件的 SSR(服务器端渲染)。
renderToString将您的 React 组件转换为字符串。因此，您将从组件的 JSX 中获取字符串 html。