React + TypeScript + Hooks

React + TypeScript + Hooks

• useState

  안해도 알아서 설정됨

  상태 타입의 구조가 까다롭거나 배열일 때 useState() 같이 Generics 를 사용하여 설정

  Type Assertion(as) 로도 가능

• 이벤트 처리

  e 객체 타입은 커서 올려서 확인

• useReducer

  Action 타입 설정하면 리듀서 작성할 때 액션 객체 안에 무엇이 들어있는지 알려주고 액션을 디스패치 할 때도 액션에 대한 타입 검사 해줌

  reducer 만들 때 파라미터로 받아오는 상태의 타입과 함수가 리턴하는 타입 동일하게 해야 함

• useRef

  렌더링과 관계없는 값이어야 함

  Generic 으로 타입 생성

  • DOM 관리

    초기값은 null

    current 안의 값을 사용하려면 null 체킹 해야함