Проблемы с использованием html-to-image в приложении React

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;