Как узнать, когда встроенный компонент React завершил рендеринг? - PullRequest
0 голосов
/ 04 декабря 2018

Я использую рендеринг 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 ввсе (на самом деле я могу, но предпочитаю не делать этого).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...