fix: hook deps issue.

Author: jaywcjlove

src/Label/useLabel.ts

@@ -22,7 +22,8 @@ export default function useLabel(props = {} as UseLabel) {
         map.removeOverlay(label);
       }
     };
-  }, [content, enableMassClear, label, map, offset, position, style]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [map]);
 
   useVisiable(label!, props);
   useEventProperties<BMap.Label, UseLabel>(label!, props, [

src/Map/useMap.tsx

@@ -41,6 +41,7 @@ export default function useMap(props: UseMap = {}) {
         });
       setMap(instance);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [container, map]);
 
   const [center, setCenter] = useState(props.center || '上海');
@@ -56,6 +57,7 @@ export default function useMap(props: UseMap = {}) {
       }
       map.centerAndZoom(center, zoom!);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [center, map]);
 
   const [autoLocalCity, setAutoLocalCity] = useState(props.autoLocalCity);

src/MapTypeControl/useMapTypeControl.tsx

@@ -21,6 +21,7 @@ export default function useMapTypeControl(props = {} as UseMapTypeControl) {
         map.removeControl(instance);
       };
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [map]);
 
   useVisiable(mapTypeControl!, props);

src/Marker/useMarker.tsx

@@ -102,25 +102,11 @@ export default function useMarker(props = {} as UseMarker) {
     newMarker.setAnimation(animation);
     setMarker(newMarker);
     return () => {
+      console.log('>>>');
       map.removeOverlay(newMarker);
     };
-  }, [
-    map,
-    position.lng,
-    position.lat,
-    offset,
-    icon,
-    enableMassClear,
-    enableDragging,
-    enableClicking,
-    raiseOnDrag,
-    draggingCursor,
-    rotation,
-    shadow,
-    title,
-    animation,
-  ]);
-
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [map]);
   const [type, setType] = useState(props.type || 'loc_blue');
   /**
    * 设置标注点 `图标`

src/OverviewMapControl/useOverviewMapControl.tsx

@@ -21,6 +21,7 @@ export default function useOverviewMapControl(props = {} as UseOverviewMapContro
         map.removeControl(instance);
       };
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [map]);
 
   useVisiable(overviewMapControl!, props);

src/common/hooks.tsx

@@ -41,7 +41,9 @@ export function useVisiable<T extends BMap.Overlay, F extends { visiable?: boole
   const [state, setState] = useState(visiable);
   useEffect(() => {
     if (instance && visiable !== undefined) {
+      console.log('visiable', visiable);
       if (visiable) {
+        console.log('visiable', instance);
         instance.show && instance.show();
       } else {
         instance.hide && instance.hide();