#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-листовки вы используете?