Um custom hook é uma função cujo nome começa com use e que chama outros hooks para encapsular e reutilizar lógica com estado — sem alterar sua árvore de componentes (ao contrário de HOCs ou render props).
jsx
() {
[data, setData] = ();
[loading, setLoading] = ();
[error, setError] = ();
( {
ctrl = ();
();
(url, { : ctrl. })
.( r.())
.(setData)
.( { (e. !== ) (e); })
.( ());
ctrl.();
}, [url]);
{ data, loading, error };
}
() {
{ data, loading, error } = ();
(loading) ;
;
}
