React-mapbox gl 在无状态功能组件中访问 Map 的 "zoom"

Question

我需要能够访问地图的当前 "Zoom" 级别以动态呈现内容。有没有办法在无状态功能组件中做到这一点？我见过，它仅适用于 class-组件。

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

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%"
      }}
  />

 )
}

我不想为了访问缩放而重写所有内容。提前致谢！

Answer 1

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

React-mapbox gl 在无状态功能组件中访问 Map 的 "zoom"

React-mapbox gl accessing Map's "zoom" in a stateless functional component

javascript

reactjs

mapbox-gl-js

react-hooks