Cad iad cróca saincheaptha agus conas a scríobhann tú ceann?

Question

Accepted Answer

Is feidhm í **custom hook** ar tosú a hainm le `use` agus a ghlaona ar chróca eile chun **loighic stateful a phacáil agus a athúsáid** — gan do dhroichead comhpháirte a athrú (murab ionann agus HOCs nó render props). ```jsx // extract "fetch + loading + error" logic once, reuse everywhere function useFetch(url) { const [data, setData] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); useEffect(() => { const ctrl = new AbortController(); setLoading(true); fetch(url, { signal: ctrl.signal }) .then(r => r.json()) .then(setData) .catch(e => { if (e.name !== "AbortError") setError(e); }) .finally(() => setLoading(false)); return () => ctrl.abort(); }, [url]); return { data, loading, error }; } // usage — the component stays declarative: function Profile({ id }) { const { data, loading, error } = useFetch(`/api/users/${id}`); if (loading) return ; return

{data.name}

; } ``` ## Airíonna tábhachtacha - Leanann sé na **Rules of Hooks** (glaona ag an leibhéal barr; ó chomhpháirteanna/cróca amháin). - **Tá an stát arna scaradh in aghaidh an ghlao.** Faigheann dhá chomhpháirt a bhíonn ag úsáid `useFetch` a stát neamhspleách féin — níl roinnt a dhéanamh ar an gcróc ag roinnt sonraí. - Coinbhinsiún: ainmnigh é `useX` agus fill ar stát + feidhmeanna (go minic sraith nó réad). ## Cén fáth a bhíonn sé i gceist Is an bealach idiomatic iad cróca saincheaptha chun loighic a roinnt (geal sonraí a bhreacadh, foirmeacha, foscripteanna, fiosrúcháin meáin) in React nua-aimseartha, ag coinneáil comhpháirteanna beag agus an loighic insamhalta ar leithligh.