切换图片后react-zoom-pan-pinch图片未居中，二次点击才恢复

• 图片加载异步导致尺寸计算偏差：切换图片时，状态更新会触发组件重渲染，但新图片的加载是异步过程。当执行适配屏幕的fitScreen方法时，新图片可能还未完全加载完成，此时获取到的图片宽高仍是旧图片的尺寸或初始值，导致居中位置计算错误。再次点击切换按钮时，图片已经加载完毕，尺寸信息准确，适配逻辑就能算出正确的居中位置。

• TransformWrapper未及时响应尺寸变化：react-zoom-pan-pinch的TransformWrapper组件依赖图片的真实尺寸来计算缩放和居中参数。新图片加载完成后，组件没有主动通知TransformWrapper更新尺寸信息，导致它仍基于旧图片的尺寸进行布局。只有再次触发状态更新时，TransformWrapper才会重新读取当前已加载完成的图片尺寸，完成正确的居中适配。

• Firefox的图片加载时机特性影响：Firefox在处理图片加载事件的触发时机上存在特性差异，比如图片缓存或加载完成事件的延迟触发，使得组件在首次切换图片后无法及时获取到新图片的真实尺寸，进而影响适配逻辑的执行结果。

内容的提问来源于stack exchange，提问作者PhoenixDown