[React] Hooks

Hook Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 연동(hook into)할 수 있게 해주는 함수이다. Hook은 class 없이 React를 사용할 수 있게 해준다. useState, useEffect와 같이 React에서 자체 지원하는 내장 Hook이 있으며, 직접 custom Hook을 만드는 것도 가능하다. Hook 사용 규칙 Hook을 사용할 때에는 두 가지 규칙을 준수해야 한다. 1. 최상위에서만 Hook을 호출해야 한다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하면 안된다. React에서는 한 컴포넌트에서 State나 Effect Hook을 여러 개 사용할 수도 있다. function Form() { // 1. name이라는 state 변수를 사용 co..

2024.03.23