如何知道React内置组件何时完成渲染？

Question

我正在使用来自文件的React渲染的SVG。

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或将代码放入 this 组件的render中，但这并不意味着SvgFrontPanel中的svg会在此时渲染

所以这是一个问题：我如何理解某些不受控制的组件何时完成渲染？假设我根本无法修改svg文件（实际上我可以但不愿意）。