[react] useState 데이터 타입에 따른 setState 방법.

useState()를 썼을 때 소괄호 내에 원하는 데이터로 초기화 시켜 줄 수 있다.

1. 단일 데이터 (string, number, boolean 등)
   선언 예시

   useState("hello");
    useState(5);
    useState(true);

    수정 예시
    setState("world");
    setState(10);
    setState(false)

2. 배열 데이터
   선언 예시

   useState([]);     //배열 내에 초기 값을 넣는 것도 가능.

수정 예시

setState(...state, 넣고싶은 값); //해당부분은 spread operator(...)을 이용하여 이전 배열에 저장 된 값을 펼쳐 놓고, 배열 마지막 인덱스에 인덱스를 추가하여 넣고싶은 값을 넣을 수 있다.

3. 객체 데이터
   선언 예시

   useState({});  //여기 역시 키값과 value 값 페어 등의 초기화가 가능하다.

   ex) useState ({name: "david", age: 5, marriageStatus: false});

수정 예시

setState(...state, 키값: 수정값, 키값2:수정값2...)

4. 배열 내의 객체 데이터
   선언 예시

   useState([{}]);

수정 예시

setState(...state, 새로운 객체);

전개구문 (spread operator)에 대한 이해가 있으면 조금 더 다채롭게 이용이 가능하다.