Я использую рендеринг SVG из файла React.
import React from 'react';
import {ReactComponent as SvgFrontPanel} from '../svg/panel.svg';
render() {
return (<div className="panel">
<h2>Panel</h2>
<SvgFrontPanel/>
</div>);
}
После рендеринга svg мне нужно выполнить для него некоторый код инициализации.Я могу сделать это один раз через window.onload
или documentReady
или любым другим обычным способом проверить, когда страница готова.Но затем, когда этот компонент отключается / монтируется, я не могу уловить момент.
Я могу использовать componentDidMount
или поместить свой код в render
из этого компонента, но это не такt означает, что svg внутри SvgFrontPanel
отображается в то время.
Итак, вот вопрос: как я могу понять, когда какой-то неконтролируемый компонент завершил рендеринг? Предположим, я не могу изменить файл svg ввсе (на самом деле я могу, но предпочитаю не делать этого).