TechScribe Notes

[React 기초] state, props, Hook 본문

프론트엔드/React

[React 기초] state, props, Hook

yunmee0704 2022. 1. 16. 11:33

◾State
-리액트는 모든 것을 State라고 불리는 상태 값으로 변화를 주고 표현함.
-state값이 달라지면 해당 state를 가진 컴포넌트는 다시 그려진다. (불필요하게 다시 그려지는 컴포넌트를 최소화해야함)
-상태 값은 부모에서 자식으로 흐름 (위에서 아래로)
-형제끼리는 상태 값을 주고 받을 수 없다:
 형제를 포함하고 있는 상위부모로 상태 값을 올리고 다시 내려주는 방법을 사용한다.
 부모로부터 내려받는 구조가 너무 복잡해지면 글로벌하게 상태를 관리할  수 있는 수단을 선택한다(ContextAPI, Redux, Mobx 등...)
 
◾Props
-외부로 받는 state를 prop라고 부름. 둘다 상태값을 의미하지만 외부로부터 받는지 자신이 갖고있는지에 따라 명칭이 달라진다.
 
◾React Hook 
-함수형 컴포넌트에서 클래스 컴포넌트가 할 수 있는 동작들을 흉내내도록 도와줌
-비슷한 액션을 취하나 완벽하게 같은 동작은 아니다
 
◾useState다뤄보기