오늘은 훅 사용하기, 컴포넌트 간 데이터 공유하기에 관한 내용을 읽고 정리해보았습니다.

훅(Hook) : use 로 시작하는 함수

• useState : React에세 제공하는 빌트인 훅

• 기존의 훅 조합해서 사용 가능

• 훅은 일반 함수보다 제한적임

• 컴포넌트(또는 다른 훅)의 최상위 레벨에서만 호출 가능

• 조건문이나 반복문에서 useState를 쓰고 싶다면 새로운 컴포넌트를 생성

컴포넌트 간 데이터 공유하기

데이터를 공유하고 함께 업데이트가 필요한 경우

• 두 버튼에 함께 state 가 공유되려면 두 버튼을 포함하는 컴포넌트가 상위 레벨에 있어야 하고, state가 위로 이동해야 함

참고

• https://react-ko.dev/learn