[React] State

그 동안 JS 변수 var, let, const에 대해서만 배웠었는데

리액트에서 쓰는

State라는 변수를 알아보자

​

let title_1 = 'YNWA'; <div>{title_1}</div>

이렇게 사용하던 변수를

let [title_1, b] = useState('YNWA') <div>{title_1}</div>

이렇게도 사용할 수 있다.

​

왜 굳이 더 길게 써야하느냐?

변수가 변경됐을 때

새로고침없이 재렌더링이 가능하기 때문이다.

​

​

기존 변수를 사용했을 경우엔

새로고침을 해야 유저가 변하는 부분을 확인할 수 있지만

State를 사용했을 시 변수가 변경돼도 홈페이지를 리로드하지않고 바로 변화시킬 수 있다

​

사실상 react를 사용하는 핵심이유라고 생각한다.

​

또한

let [TeamName, a] = useState(['LIV', 'ARS', 'TOT']);

이런식으로 배열처럼 사용하여

 console.log(TeamName[0]) // 'LIV' 
  console.log(TeamName[1]) // 'ARS' 
  console.log(TeamName[2]) // 'TOT'

활용할 수도 있다.