Reactjs Forwardref Useimperativehandle Lanjut Imperative API Focus Scroll

Definisi

forwardRef meneruskan ref ke DOM/child internal. useImperativeHandle membatasi API imperatif yang diekspos ke parent (misal .focus(), .scrollTo()) tanpa membuka seluruh node. Di React 19, ref bisa jadi prop biasa tanpa forwardRef.

Kapan dipakai

Pakai saat parent butuh memicu aksi pada child (focus input, buka modal, reset form) tanpa mengontrol state child penuh. Hindari kalau cukup lewat props/state biasa.

Cara kerja

forwardRef + useImperativeHandle

jsx

const Input = forwardRef((props, ref) => {
  const local = useRef();
  useImperativeHandle