[ 본캠프 30일차 기록 ]
🖥️ 오늘 공부한 내용 🖥️
# 스터디 발표 자료
React Hooks란?
React Hooks는 리액트 클래스형 컴포넌트에서 이용하던 코드를 작성 할 필요없이 함수형 컴포넌트에서 다양한 기능을 사용할 수 있게 만들어주는 라이브러리이다.
React 16.8버전에 새로 추가된 기능이고 함수형 컴포넌트에서만 사용 가능하다.
Hooks 규칙
1. 최상위에서만 Hook을 호출해야 한다.
- 반복문이나 조건뭉 혹은 중첩된 함수 내에서 Hook을 호출하면 안된다.
- React Hook은 호출되는 순서에 의존하기 때문에 해당 부분을 건너뛰는 일이 발생하여
순서가 꼬이고 버그가 발생할 수 있기 때문이다.
2. 리액트 함수 내에서만 Hook을 호출해야 한다.
- Hook은 일반적인 js 함수에서는 호출하면 안된다.
- 함수형 컴포넌트나 custom hook에서는 호출이 가능하다.
useState
용어 정리
- state : 컴포넌트가 가질 수 있는 상태
웹 프론트엔드