`Hook-ul useRef în React` în React & Next.js

Ghid complet pentru hook-ul useRef în React: referințe directe către noduri DOM și păstrarea variabilelor mutabile fără a declanșa re-randarea.

Sintaxă

const refContainer = useRef(initialValue);

Hook-ul useRef returnează un obiect mutabil { current: initialValue } a cărui valoare persistă între re-randări. Modificarea proprietății .current NU declanșează re-randarea componentei.

Focalizarea Automată a unui Input DOM

import { useRef } from 'react';

export function SearchInput() {
  const inputRef = useRef(null);

  const focusInput = () => {
    inputRef.current?.focus();
  };

  return (
    
      
      
    
  );
}