WIL- Weekly I Learned (Week 03)

 

• 컴포넌트의 데이터 관리 ⇒ 상태 관리
• 컴포넌트가 가지고 있는 데이터 ⇒ props와 state
• props와 state는 따지고 보면 둘 다 일반 자바스크립트의 객체이다.
• 그런데 렌더링 결과물에 영향을 주는 데이터를 가지고 있다.

 

props

• Component가 부모 Component로부터 받아온 데이터이다.
• 읽기 전용이라 props는 절대 수정하면 안 된다.
• props는 순수 함수처럼 동작해야 한다.

 

state

• Component가 가지고 있는 데이터이며 내부에서 바뀔 수 있는 값이다.
• 함수형 컴포넌트는 useState() 훅을 사용해서 상태 값을 가질 수 있다.
• state는 직접 수정하면 안 된다.
• state는 비동기적으로 업데이트된다.

 

리렌더링 발생조건

1. State(상태) 변경이 있을 때

2. 새로운 props가 들어올 때

3. 기존 props가 업데이트됐을 때

4. 부모 컴포넌트가 재런더링 될 때