The removeListener event does not take effect

hushhhhh · July 15, 2025 at 3:25 AM

Hello, I tried to uninstall the removeListener event, but it doesn't seem to work. The onViewChangecallbacks method still executes，The krpano version used is 1.22.4

Code

  const onViewChangeCallback = () => {
    console.log('view change')
  }


  const onChangeToolBar = (value: number) => {

    if (value === 2 && !viewKp) return

    if (value === 2) {
      kp.set('layer[view_display].visible', true)
      kp.set('layer[save_default_view_block].visible', true)
      kp.events.addListener('onviewchange', onViewChangeCallback)
      callViewScene(currentScene!)
    } else {
      kp.set('layer[view_display].visible', false)
      kp.set('layer[save_default_view_block].visible', false)
      kp.events.removeListener('onviewchange', onViewChangeCallback)
    }
    setSelectTool(value)
  }

Display More

klaus.krpano · July 15, 2025 at 8:44 AM Official Post

Please post your full example. The problem must be somewhere else. The removeListener itself is working.

hushhhhh · July 15, 2025 at 11:13 AM

Quote from klaus.krpano

Please post your full example. The problem must be somewhere else. The removeListener itself is working.

I have found the reason, because setState in React will cause the onViewChangecallback method to re render, which leads to the failure of calling removeListener to remove listening events. The solution is to use useCallBack to cache the onViewChangecallback method

Code

const onViewChangeListener = useCallback(() => {
   console.log('view change')
 }, [kp])

Participate now!