Как я могу изменить положение карты с помощью листовки setView и react hooks?

#javascript #reactjs #react-hooks #leaflet #use-effect

Вопрос:

Я пытаюсь изменить положение карты, когда пользователь предоставляет новую позицию. Хотя я знаю, что приведенный ниже код неверен. Надеюсь, это даст вам представление о том, что я пытаюсь сделать.

 function MapComponent({ position, IP }) {  const mapRef = useRef();   useEffect(() =gt; {  mapRef.current.setView(position, 13);  }, [position]);   return (  lt;MapComponentStyled  ref={mapRef}  center={position}  zoom={13}  scrollWheelZoom={true}  zoomControl={false}  gt;  lt;TileLayer  attribution='amp;copy; lt;a href="http://osm.org/copyright"gt;OpenStreetMaplt;/agt; contributors'  url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"  /gt;  lt;ZoomControl position="bottomright" /gt;  lt;Marker icon={markerIcon} position={position}gt;  lt;Popupgt;{IP}lt;/Popupgt;  lt;/Markergt;  lt;/MapComponentStyledgt;  ); }  

Комментарии:

1. Какую версию React-листовки вы используете?