react - State 생성

 

useState( ); 는 배열로 되어있으며 const [이름1, 이름2] 로 변수설정해서 간단하게 값에 접근할 수 있다.

첫번째 인자는 data고, 두번째 인자는 modifier인데 data값이 바뀌면 modifier가 render를 다시 불러오고, UI를 새로고침해준다. 

버튼클릭 시 Total Clicks를 보여주는 setCounter에서 counter +1 말고 (current) => current + 1로 한 이유는 다른 실행 결과로 인해 counter 값이 변했을 때 그 값을 반영하기위해 더 안전하게 코드를 짠 것. 현재 값 + 1로 이해하면 된다.