Leaflet React在功能组件中获取映射实例

import React, { useRef, useEffect } from 'react';
import { MapContainer, TileLayer } from 'react-leaflet';

function MapComponent() {
  const mapRef = useRef(null);

  useEffect(() => {
    if (mapRef.current) {
      const map = mapRef.current.leafletElement;
      // 在这里可以使用map实例进行操作
      console.log(map.getBounds());
    }
  }, []);

  return (
    <MapContainer
      center={[51.505, -0.09]}
      zoom={13}
      style={{ height: '400px' }}
      ref={mapRef}
    >
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
    </MapContainer>
  );
}

export default MapComponent;