React에 TypeScript를 적용할 때 알아야 할 내용(작성중..)

기본적인 로직을 작성할 땐, 기본적인 타입스크립트의 코딩규칙에 따라 작성하기만 하면 됩니다.

하지만 리액트에 적용할 때 알아야 할 부분을 정리해둡니다.

 

1. React.Component 에선 제네릭을 사용합니다.

   사용할 타입을 정의하고 props, state 순서로 넣어주시면 됩니다.

type MyProps = {
  message: string;
};

type MyState = {
  count: number;
};

class App extends React.Component<MyProps, MyState> {
  state: MyState = {
    
  };
}