用于地图渲染的React useCallback挂钩

const memoizedCallback = useCallback(callback, dependencies);

import React, { useCallback, useState } from 'react';
import Map from 'map-library';

const MapComponent = () => {
  const [zoomLevel, setZoomLevel] = useState(10);

  const handleMapRender = useCallback(() => {
    // 在这里进行地图渲染的逻辑
    Map.render(zoomLevel);
  }, [zoomLevel]);

  return (
    <div>
      <button onClick={() => setZoomLevel(zoomLevel + 1)}>放大地图</button>
      <button onClick={() => setZoomLevel(zoomLevel - 1)}>缩小地图</button>
      <div>
        <Map onRender={handleMapRender} />
      </div>
    </div>
  );
};

export default MapComponent;