Question

我正在尝试使用html-to-image来创建特定html卡的可下载图像。在其文档中指定使用

var node = document.getElementById('my-node');
htmlToImage.toPng(node)...

但是这在真实的DOM上有效，但没有反应。我尝试使用裁判，但没有成果。卡和下载按钮位于组件层次结构的不同分支中。

Answer 1

您是否尝试过使用新的React Ref

    class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

要访问元素，请使用：

const node = this.myRef.current;

在React应用程序中使用HTML到图像的问题

1 个答案: