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

Question

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

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

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