Правильно ли использовать модуль dom-to-image в приложении activjs?

Question

Я работаю над пользовательским компонентом вactjs. Я хочу добавить функцию для экспорта компонента в виде изображения и PDF. Правильно ли использовать модуль dom-to-image в реакции? потому что он работает с реальным DOM и реагирует на работу с виртуальным DOM, и я не знаю, может быть, есть некоторые конфликты или некоторые проблемы с производительностью. если это не так, пожалуйста, дайте мне решение.

Answer 1

Вы можете использовать refs для ссылки на реагирующий элемент dom, а затем проанализировать элемент dom для функций dom-to-html

Пример:

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

Ичтобы получить доступ к элементу

JS way: let node = document.getElementByID('some-id')

React way: let node = this.myRef.current

Теперь передайте узел функциям dom-to-image, как в его документации.

PS : Установите для ссылки некоторую переменную состояния / хранилища, чтобы получить к ней доступ в любом месте приложения.

Answer 2

React в конце концов рендерится в обычный DOM как обычные элементы DOM.Для этого может существовать специфический способ реакции, но dom-to-image должен работать.