如何在不渲染的情况下将虚拟 DOM 转换为真实的 DOM 元素?
how to convert virtual DOM to an real DOM Element without render?
我使用 html2canvas 截屏 page.however html2canvas 需要一个元素作为参数,但我有一个 React 应用程序,我使用模板来获取虚拟 DOMs.the模板需要多次重复使用
(所以我不想渲染它们然后通过 ref 或 getDocumentbyId() 获取元素,这将是很棒的)。
例如:
我有 1000 个订单 data.and 模板将是 1000.then 虚拟 DOM 对象将是 1000.
有什么方法可以直接将虚拟 DOM Obj 转换为 Element obj?
import { renderToString } from 'react-dom/server'
renderToString(<YouComponent>)
我使用 html2canvas 截屏 page.however html2canvas 需要一个元素作为参数,但我有一个 React 应用程序,我使用模板来获取虚拟 DOMs.the模板需要多次重复使用
(所以我不想渲染它们然后通过 ref 或 getDocumentbyId() 获取元素,这将是很棒的)。
例如: 我有 1000 个订单 data.and 模板将是 1000.then 虚拟 DOM 对象将是 1000.
有什么方法可以直接将虚拟 DOM Obj 转换为 Element obj?
import { renderToString } from 'react-dom/server'
renderToString(<YouComponent>)