如何从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。

Answer 2

要从 React 组件获取 HTML，您可以使用主要用于 SSR 目的的ReactDOMServer.renderToString方法 ( doc )。不过我想你可以用它实现你想要的。