082224 til

state 

 

const [todos,setTodos] = useState(0) 

 

상태 . 

 

component 가 갖는 상태 

 

 

state 는 

state 는 컴포넌트가 소유한 데이터이다 

ui 를 구성하고 변경을 일으키는 기준이다 

 

 

state 의 변경 

ui 변경 by 리렌더링 

 

변경사항을 모두다 한번에 업데이트 =배치업데이트 

 

ui -> 상호작용 ->변경 

 

 

 

props -

부모 님의 말은 법이다 

부모가 한말은 자식한테 영향을 끼친다 

 

부모컴포넌트의 말 =곧법 

 

 

(리)렌더링조건 

1.state 가 변경되었을떄 

2. 부모 컴포넌트가 리렌더링 됐을 때 

3.부모에게서 받는 props 가 변경됐을 때 

 

 

과정

1.부모컴포넌트의 state 의변경

2.부모컴포넌트의 ui 변경 (리렌더링)

3.자식 컴포넌트에 영향 (리렌더링)

 

hook 의 주요 가능 

 

 

useEffect  (동사무소)

 

순수함수 부수효과 

 

부모가 변경 되면 자식도 변경 

 

 

집 상태가 변경됫을떄 이벤트가변경됫을때 

동사무소에 연락 ㄱ ㄱ 

 

어떤 요소때문에 변경이 됬는지 

useeffectf를 통해서 파악이 가능 

 

dependency array 

 

함수 , dependency array [] 

 

react.memo

 

 

useContext 

부모 ;할아버지가

물려주는거 안받겠다 . 

자식 물려주는거 쓰겟다 

 

 

prop drilling 

유지보수 어려움 

 

 

전역상태 

주스탠드 

 

지역상태 

 

 

 

이디액타페써스 

 

이디아에  액체를 타고 차에올라  페달을 밟으니 커피가 써서 쓰다