목록FC (1)

개발자일지

[TypeScript] 타입스크립트와 함께 쓰는 함수형 컴포넌트, React.FC<Props>

React.FC는 Functional Component의 타입, FC는 FunctionComponent의 줄임말! React.FC는 React의 함수형 컴포넌트(Function Component)에 타입을 지정하는 데 사용하는 TypeScript 제네릭 타입이다. 이를 사용하면 컴포넌트가 받을 props 타입을 명시할 수 있고, 자동으로 children prop도 포함된다. 예를 들어 const MyComponent: React.FC = ({ name }) => { ... }처럼 작성하면 MyComponent가 name이라는 prop과 children을 받을 수 있음을 타입스크립트가 인식한다. 다만 최근에는 children 자동 포함이 API 명확성을 해치고, 반환 타입(JSX.Element)은 Typ..
개발 준비/ReactJS&TypeScript 2025. 6. 11. 15:37
이전 Prev 1 Next 다음