diff --git a/MapView/index.tsx b/MapView/index.tsx index 37a3733625ce809ba6bbc06f1a7df065bfa2060e..f5224005d1ed3408748a30751407094e27ba3613 100644 --- a/MapView/index.tsx +++ b/MapView/index.tsx @@ -51,6 +51,7 @@ const MapView: React.ForwardRefRenderFunction< const { run } = useDebounceFn( () => { + console.log('屏幕变化,重新计算'); if (!containerRef.current) return; const { width, height } = containerRef.current?.getBoundingClientRect(); setMapSize({ @@ -69,15 +70,13 @@ const MapView: React.ForwardRefRenderFunction< * 重新设置地图容器宽高 */ useEffect(() => { - const observer = new ResizeObserver(() => { - run(); - }); - observer.observe(document.body); + run(); + window.addEventListener('resize', run); // 清理函数,停止观察 return () => { - observer.unobserve(document.body); + window.removeEventListener('resize', run); }; - }, []); + }, [containerRef.current]); const [isReady, { setFalse, setTrue }] = useBoolean(false);