Reactjs svg路径矩阵完全加载时响应回调或事件

我尝试了很多方法，但获得实际值的唯一方法是超时，这是不需要的。 我也尝试过同样的结果

我制作了一个代码沙盒，但看起来它在那里工作，但在本地运行并重置页面会得到以下结果：

更新：

我最终以另一种方式解决了它。我没有从渲染中获取所需的数据，而是抓取并传递一个引用，稍后在另一个事件中使用它，此时画布已完全加载

const{useffect，useRef}=React；
函数App（）{
返回(
你好
);
}
常量MyComponent=（道具）=>{
常量getMatrix=（svgPath）=>{
设svgMatrix=svgPath.getCTM（）；
console.log（svgMatrix）；
返回svgMatrix；
};
const svgPath=useRef（null）；
useffect（（）=>{
getMatrix（svgPath.current）；
//证明画布实际上还没有准备好，
//不想使用超时
设置超时（（）=>{
getMatrix（svgPath.current）；
}, 1000);
}，[getMatrix]）；
返回(
);
};
ReactDOM.render(
,
document.getElementById（“react”）
);