Cad iad príomhchásanna úsáide useRef?

Question

Accepted Answer

`useRef` a thabhairt ar ais srian inathraithe `{ current: ... }` a **fhanann i gcrích thar dhréachtanna** ach, go tábhachtach, **ní thogann athrú air seo athuachairint**. Dhá úsáid dhifriúil:

## 1. Rochtain ar nód DOM

```jsx
function SearchBox() {
  const inputRef = useRef(null);
  useEffect(() => {
    inputRef.current.focus(); // imperatively focus the input on mount
  }, []);
  return <input ref={inputRef} />;
}
```

## 2. Luach inathraithe a choinneáil idir dhréachtanna

Úsáid é chun rud a mheabhrú gan dhréachtanna a chur ina gcion — timer ids, an luach roimhe seo de prop, sampla de leabharlann:

```jsx
function Timer() {
  const intervalId = useRef(null);
  const start = () => {
    intervalId.current = setInterval(tick, 1000); // store across renders
  };
  const stop = () => clearInterval(intervalId.current);
}
```

## An gealltanas eochair: ref in aghaidh stáit

```jsx
const countRef = useRef(0);
countRef.current++;  // changes the value, but the UI does NOT update

const [count, setCount] = useState(0);
setCount(count + 1); // changes value AND re-renders
```

Mar sin an riail is: **más chóir don UI an luach a léiriú, úsáid stáit; más rud é nach bhfuil ann ach "taobh thiar na radhairc" sonraí, úsáid ref.** Léamh/scríobh `ref.current` le linn dhréachtanna a dhísheachaint (déan é i dtoraigheacht/láimhdeanna) toisc nach bhfuil reifeanna rianaithe ag ciorcal dhréachtanna React.