[React] state 만드는 방법

 

변수를 데이터 바인딩하는 방법 1.

변수 선언 해 데이터 바인딩으로 꽃아 넣는 방법

 

 

변수를 데이터 바인딩하는 방법 2.

state를 이용해 데이터 저장 공간을 만든다.

 

상단에 정의한 import React는

node_modules 파일 안에 react라는 폴더가 있다.

기능을 사용할때는 import를 사용해서 연동해줘야 한다.

변수 대신에 사용할 수 있는 데이터 저장 공간이다.

useState(' ')  <- 내부에는 모든 데이터 타입이 들어갈 수 있다.

 

---

제일 중요한 핵심사항

state 값이 변경되면 html은 재랜더링이 된다. (새로고침을 하지 않아도 가능하단!)

변수를 사용할 경우 값이 변경되어도 재랜더링이 되지 않는다.

 

결론적으로 state에 기능 (자주 바뀌고 중요한 기능들)을 넣어서 사용한다.