如何解决React Leaflet 中的自定义缩放控件
我正在尝试在我的 react-leaflet 地图上编写我自己的缩放控制按钮。我在网上找不到任何教程,所以我试图自己弄清楚,但出现以下错误:
错误:无效的挂钩调用。 Hooks 只能在 body 内部调用 一个功能组件。这可能发生在以下情况之一 原因:
- 您的 React 和渲染器版本可能不匹配(例如 React DOM)
- 你可能违反了钩子规则
- 您可能在同一个应用中拥有多个 React 副本,请参阅 https://reactjs.org/link/invalid-hook-call 以获取有关如何调试的提示 并解决这个问题。
我尝试了以下代码的各种组合,但得到相同的错误。如果有人可以帮助我解决代码问题,或者为我指明做类似事情的教程的方向,那就太好了。
const MyMapControls = (event) => {
const map = useMap();
if(event==="plus") {
map.zoomIn();
}
if(event==="minus") {
map.zoomOut();
}
}
const MapComponent = () => {
if(newActive === "plus") {
newActive = false;
MyMapControls("zoom");
}
if(newActive === "minus") {
newActive = false;
MyMapControls("minus");
}
}
/* return map component code goes here */
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。