custom hook은 이름이 use로 시작하고 다른 hook을 호출하여 상태 로직을 패키징하고 재사용하는 함수입니다 — 컴포넌트 트리를 변경하지 않으면서요(HOC나 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) ;
;
}
