[S19] React

Typescript 시작

npx create-react-app my-app --template typescript

타입스크립트 컴포넌트를 만드는 기본

출력값에 JSX.Element 타입를 지정한다.

지금은 주로 사용하지 않지만 Function Component, FC를 사용했다고 함

TS 프로퍼티

props 로 내려준다.

interface를 만들어 props의 타입을 설정할 수 있음

ShoppingList Component

상위 컴포넌트인 App 에서 데이터를 내려주고,

하위 컴포넌트 ShoppingList에서 Props의 타입을 설정하고, 데이터를 받아 표현한다.

useState

중복되는 인터페이스를 파일에 모아 하나의 인터페이스를 재사용할 수 있음

useRef

useRef 를 사용할때 <HTMLInputElement>를 사용함