Svelte Actions Use Action Custom Directive Lifecycle

Definisi

Action adalah fungsi yang melekat ke elemen lewat use:namafungsi. Ia menerima node sebagai argumen dan boleh mengembalikan objek dengan lifecycle update dan destroy. Berguna untuk behavior reusable pada DOM (focus, click-outside, tooltip, drag).

Kapan dipakai

Pakai action saat logika beroperasi langsung pada elemen DOM dan ingin dipakai ulang lintas komponen, tanpa membungkus jadi komponen.

Cara kerja

Action sederhana

svelte

<script>
  function autofocus(node) {
    node.focus();
    return {
      destroy() { /* cleanup */ }
    };
  }