HTML2Canvas无法获得不同的屏幕截图

Question

我无法获得不同的屏幕截图，只要我点击个别按钮

我在每个小部件上放置了视图按钮

当我点击任何一个视图按钮时，我只获得第一个视图数据

码

takeScreenshot = () => {
const widgetsView = document.querySelector('.capture');
html2canvas(widgetsView).then((canvas) => {
  const imgData = canvas.toDataURL('image/png');
  this.setState({
    viewImg: imgData,
  });
});
setTimeout(() => {
  this.viewwidget.show();
}, 1000);
}

按钮

<button type="button" onClick={() => this.takeScreenshot()} >view</button>

模态

<Modal title="View Widget" ref={node => (this.viewwidget = node)} dialogStyles={ModalViewStyle}>
      <div><img alt="view" src={this.state.viewImg} /></div>
    </Modal>

如果我点击任何一个小部件，只显示第一个屏幕截图。