首页 > 解决方案 > 从 React 参考获取 DOM

问题描述

我正在尝试使用带有反应参考的dom-to-image工具,但我无法让它工作。

例如,如果我有以下内容:

<div id="getMe">Stuff here</div>

这完美地工作:

const getMe = document.getElementById('getMe');

domtoimage
.toPng(getMe)
.then(function(dataUrl) {
    console.log(dataUrl);
})

但是,如果我这样做:

<div ref={this.reference}>Stuff here</div>

并在参考上执行上述代码,我收到以下错误:

TypeError:node.cloneNode 不是 makeNodeCopy 中的函数(dom-to-image.js:160)

有谁知道如何从参考中实际获取 DOM?

目标:这里的总体目标是能够从参考对象中导出 SVG/图像。

标签: javascriptreactjs

解决方案


推荐阅读