我的問題是，react-leaflet<MapContainer>并不以我動態(tài)設(shè)置的位置為中心?；具壿嬍牵矣幸粋€表單，在其中輸入街道和門牌號，然后調(diào)用 Nominatim 并獲取一些 JSON 格式數(shù)據(jù)，從中提取建筑物的緯度和經(jīng)度。這些經(jīng)緯度和時(shí)間我傳遞給我的，<MapContainer>但它無論如何都沒有回應(yīng)。使用react-leaflet v2它工作得很好，但是在我更新到v3之后它就停止了。每當(dāng)我設(shè)置默認(rèn)位置值時(shí)，MapContainer 都會以該位置為中心。但是，當(dāng)我通過 Nominatim 調(diào)用動態(tài)傳遞另一個值時(shí)，它不起作用。在這里我呼吁提名：const getSearchData = async () => {    const exampleReq = `https://nominatim.openstreetmap.org/search/${query}?format=json&building=*&addressdetails=1&limit=1&polygon_geojson=1`;    const response = await fetch(exampleReq);    const data = await response.json();    // console.log(data);    if (data === undefined || data.length === 0) {        // array empty or does not exist        console.log("data array is empty");        alert("Given address unrecognized! Try again please.")        setLatitude(DEFAULT_LATITUDE);        setLongitude(DEFAULT_LONGITUDE);    }else{        setLatitude(data[0].lat);        setLongitude(data[0].lon);    }};這是我的表單的提交：<form className={style.searchForm} onSubmit={e => {                e.preventDefault();                setQuery(street + " " + houseNumber.replace(/\//g, "-") + ", Tallinn");                setPosition({                    ltd: lat,                     lng: long                });這是我的 MapBox 組件，其中包含我的傳單地圖：const MapBox = (props) => {  useEffect(()=>{      console.log("MAPBOX!");      console.log("updateMap() - lat ---> " + props.latitude);      console.log("updateMap() - long ---> " + props.longitude);      updateMap();  },[props.street, props.houseNumber]);  const passStreet = props.street;  const passHouseNumber = props.houseNumber;