#ctx.off()

ctx.on(eventName, handler)를 통해 등록된 이벤트 리스너를 제거합니다. 주로 ctx.on과 함께 사용되며, 적절한 시점에 구독을 취소하여 메모리 누수나 중복 트리거를 방지합니다.

#사용 사례

#타입 정의

off(eventName: string, handler: (event?: any) => void): void;

#예제

#React useEffect에서 쌍으로 사용

React.useEffect(() => {
  const handler = (ev) => setValue(ev?.detail ?? '');
  ctx.on('js-field:value-change', handler);
  return () => ctx.off('js-field:value-change', handler);
}, []);

#리소스 이벤트 구독 취소

const handler = () => { /* ... */ };
ctx.resource?.on('refresh', handler);
// 적절한 시점에 호출
ctx.resource?.off('refresh', handler);

#주의 사항

1. handler 참조 일치: ctx.off 호출 시 전달하는 handler는 ctx.on 호출 시와 동일한 참조여야 합니다. 그렇지 않으면 올바르게 제거되지 않습니다.
2. 적시 정리: 메모리 누수를 방지하기 위해 컴포넌트가 언마운트되거나 context가 파괴되기 전에 ctx.off를 호출하십시오.

#관련 문서

• ctx.on - 이벤트 구독
• ctx.resource - 리소스 인스턴스 및 해당 on/off 메서드