时间戳

首页 > 解决方案 > React-mapbox gl 在无状态功能组件中访问 Map 的“缩放”

javascript - React-mapbox gl 在无状态功能组件中访问 Map 的“缩放”

问题描述

我需要能够访问地图的当前“缩放”级别以动态呈现内容。有没有办法在无状态功能组件中做到这一点？我见过这个问题，它只适用于类组件。

我查看了当前问题并尝试将地图提供给道具，这些解决方案似乎都不起作用。

const Map = ReactMapboxGl({
  accessToken: AT
 });
 const MapPortion = (props) => {
 const [mapOptions, setMapOptions] = useState({zoom: [4]});
 const someZoomFunction = () => {
  // do stuff to setMapOptions({})
 }
 return (
  <Map
      zoom={zoom}
      containerStyle={{
        height: "90%",
        width: "100%"
      }}
  />

 )
}

我不想重写我只需要访问缩放的所有内容。提前致谢！

标签： javascriptreactjsreact-hooksmapbox-gl-js

解决方案

解决了这个问题。看到这个问题：https ://github.com/alex3165/react-mapbox-gl/issues/763

推荐阅读