← React39 / 78

useRef: Nilai Persist Tanpa Render & Akses DOM

useRef menyimpan nilai yang bertahan antar render TANPA memicu re-render saat nilainya berubah, atau digunakan untuk mengakses elemen DOM secara langsung.

👀 Contoh dulu

const inputRef = useRef(null);
const focusInput = () => inputRef.current.focus();
return <input ref={inputRef} />;

Hasilnya: Elemen input mendapatkan fokus saat tombol diklik.

💡 Ubah inputRef.current tidak akan memicu re-render komponen.

📝 Sekarang giliranmu

Deklarasikan variabel inputRef dan gunakan hook yang tepat untuk menyimpannya dengan nilai awal null.

Preview
← SebelumnyaBerikutnya →