[React] State란? setState, useState 뜻

state 선언하는 법

const [state, setState] = useState(초기값)

 

 

state

변수이다.

const, let, var와 차이는 값이 변하게 되면 렌더링이 일어난다는 것이다.

즉, 값이 변하게 되면 연관있는 컴포넌트들이 다시 렌더링이되어 화면이 바뀌게 된다. 

 

 

setState 

setState는 state 값을 변경시켜주는 함수이다

 

 

useState 

state, setState를 return 하면서 초기값을 설정해주는 hook이다.

 

 

state 값 변경하는 방법

state 값은 setState 함수를 이용해서 바꿀 수 있다. 

react가 state 값이 변경 것을 인식하면 화면을 렌더링한다.

 

state 변경 시 값 주의 사항

예를들어

setState(3) 을 하게 된다면 state 값은 3으로 변경되면서 렌더링이 되겠지만,

state = 3 이라고 하면 값은 변경이 되긴하지만 렌더링이 되지 않아 화면에는 보이지 않는다.

 

 

출처: https://codiving.kr/21 [코드에 빠지다]