如何在使用MEAME功能时禁用MAPBOX点击事件？

Question

因此，我已经阅读了有关使用Mapbox关闭活动听众的信息。现在，我有当前的代码来单击时创建标记。

const onClickEventMarker = (event) => {
  setClassName(style.radial);
  props.marker.setPopup(
    new Popup({
      closeOnMove: true,
      anchor: 'center',
      className: style.container,
    })
      .addTo(map)
      .setDOMContent(popupRef.current)
      .setLngLat(event.lngLat.wrap())
  );
  props.marker.setLngLat(event.lngLat.wrap()).addTo(map);
} 
map.on('click', onClickEventMarker);

这可以正常工作，并且可以按预期为地图添加标记。

在Mapbox中，您具有DRAW功能。

每当您单击地图时，这都会在地图上绘制一条线以测量距离。

现在，我已经设置了一个布尔值，何时进行测量进行检查，我希望在此期间关闭Onclicklickeventmarker。

useEffect(() => {
  if(props.isMeasuring) {
    map.off('click', onClickEventMarker);
  } else {
    map.on('click', onClickEventMarker);
  }
}, [props.isMeasuring]);

预期的结果是点击事件关闭，但事实并非如此。我已经检查了代码是否真正进入关闭且效果，因此这不是问题。

有人知道解决方案还是我做错了什么？我检查了很多帖子，但似乎找不到解决方案。感谢帮助！