Javascript 反应传单获取当前缩放边界

我现在有这张地图

import React, { useEffect } from "react";

import "./App.css";
import { MapContainer, TileLayer, Marker } from "react-leaflet";

function App() {
  useEffect(() => {
    console.log("first run");
    
  }, []);



  return (
    <div className="App">
      <div id="mapid">
        <MapContainer

          style={{ height: "100vh", width: "100vw" }}
          center={[51.505, -0.09]}
          zoom={13}
          scrollWheelZoom={true}
        >
          <TileLayer
            attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
          />
          <Marker position={[51.505, -0.09]}></Marker>
          <Marker position={[51.490114, -0.09066]}></Marker>
        </MapContainer>
      </div>
    </div>
  );
}

export default App;

import React，{useffect}来自“React”；
导入“/App.css”；
从“react传单”导入{MapContainer，TileLayer，Marker}；
函数App（）{
useffect（（）=>{
console.log（“首次运行”）；
}, []);
返回(
);
}
导出默认应用程序；

我需要找到最小纬度，最大纬度，最小经度，最大经度

---

但是我找不到如何使用hooks/useffect执行此操作。在获取映射引用之后，当组件装载时，可以使用

map.getBounds（）

获取映射边界。它包含西南、东南、西北、东北等的当前或更新坐标

 useEffect(() => {
    if (!map) return;
    console.log(map.getBounds());
  }, [map]);

如果你想在放大或缩小后拍摄新的照片，你可以添加一个

zoomend

事件

    useEffect(() => {
        if (!map) return;
        console.log(map.getBounds());
    
        map.on("zoomend", function () {
          console.log(map.getBounds());
        });

  }, [map]);