[React] 중요한 데이터는 변수말고 state에 담기

react에서는 데이터 저장할 때 state 씀

 

Q. 왜 굳이 state 써야함?

보관한 자료가 갑자기 변경되면

변수에 담은 자료는 html에 재렌더링 안됨

state는 변경되면 자동 재렌더링됨

 

▶▶자주 변경될것같은 html 부분은 state로 만들어 놓기

 

 

 

state 만드는 법

1. return() 밖에서 userState 엔터치면

 

import useState 생성됨

 

 

2.useState(보관할 자료)

 

 

3.보관한자료 사용하려면

let[작명1,작명2]에 넣기 *작명할때 직관적인게 좋음

작명1 ▶ useState에 보관했던 자료 나옴

작명2 ▶ state 변경 도와주는 함수

 

 

글제목(작명1) ▶ 중괄호에 넣으면 보관했던 자료 나옴

 

 

b(작명2) ▶ state 변경 도와줌