본문 바로가기

카테고리 없음

TIL(useState)

state -> 컴포넌트 가질 수 있는 상태

   ex) 시계라는 컴포넌트가 있다면 state로 현재 시간을 가질 수 있다.

useState는 컴포넌트의 상태를 간편하게 생성하고 업데이트 시킬 수 있게 해주는 도구를 제공

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

현재 상태값은 state 변수에 들어있고 state를 변경시켜주고 싶으면 setState함수를 이용해서 간편하게 변경 시켜준다.

ex) const[time, setTime] = useState(5); 일 때 time =5 인데 setTime(6)을 해주면 time=6이된다.

setState함수를 사용해서 state를 변경하면 해당 컴포넌트는 화면에 다시 렌더링이 된다. state가 변경될 때마다 화면이 업데이트 된다.