javascript - 如何在不渲染的情况下将虚拟 DOM 转换为真实的 DOM 元素？

Question

我使用html2canvas 截取我的页面的屏幕截图。但是 html2canvas 需要一个元素作为参数，但我有一个反应应用程序，我使用模板来获取虚拟 DOM。模板需要重复使用很多次

（所以我不想渲染它们然后通过 ref 或 getDocumentbyId() 获取元素，那将是可怕的）。

例如：我有 1000 个订单数据。模板将是 1000。那么虚拟 DOM 对象将是 1000。

有什么办法可以直接将虚拟 DOM 对象转换为元素 obj？

标签： javascriptreactjshtml2canvas

Answer 1

import { renderToString } from 'react-dom/server'

renderToString(<YouComponent>)