#ctx.off()

Menghapus event listener yang didaftarkan melalui ctx.on(eventName, handler). Sering digunakan dengan ctx.on, unsubscribe pada waktu yang tepat untuk menghindari memory leak atau pemicu berulang.

#Skenario Penggunaan

#Definisi Tipe

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

#Contoh

#Penggunaan Berpasangan dalam 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);
}, []);

#Membatalkan Subscription Resource Event

const handler = () => { /* ... */ };
ctx.resource?.on('refresh', handler);
// Pada waktu yang tepat
ctx.resource?.off('refresh', handler);

#Hal yang Perlu Diperhatikan

1. Konsistensi referensi handler: handler yang diteruskan saat ctx.off harus referensi yang sama dengan saat ctx.on, jika tidak tidak dapat dihapus dengan benar.
2. Cleanup tepat waktu: panggil ctx.off sebelum komponen di-unmount atau context dihancurkan, untuk menghindari memory leak.

#Dokumentasi Terkait

• ctx.on - Subscribe event
• ctx.resource - Instance resource dan on/off-nya