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

Question

我使用html2canvas来拍摄我的页面的屏幕截图。但是html2canvas需要一个元素作为参数，但是我有一个react应用，并且我使用了模板来获取虚拟DOM。该模板需要多次重复使用

（所以我不想渲染它们，然后通过ref或getDocumentbyId（）获得Element，那真是太棒了）。

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

有什么方法可以直接将虚拟DOM Obj转换为Element obj？

Answer 1

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

renderToString(<YouComponent>)