📚 Reference

• 참고 자료 1

🔖 Index

React.FC

• React.FC

• FC: Function Component

• React.FC는 React에서 함수형 컴포넌트의 타입을 선언할 때 사용할 수 있게 React에서 제공 중인 타입이다.

• 예시 1

const GNB: React.FC = function() {
	return()
}

export default GNB

React.FC 타입의 단점

• 암묵적으로 children props가 포함된다.
  • children이 옵셔널 형태로 들어가 있어서 컴포넌트의 props의 타입이 명백하지 않다.
  • 예를 들어 어떤 컴포넌트는 children이 무조건 있어야 하는 경우도 있을 것이고 어떤 컴포넌트는 children이 들어가면 안되는 경우도 있을 것이다.
  • React.FC를 사용하면 기본적으로는 이에 대한 처리를 제대로 못하게 된다.
  • 만약 하고 싶다면 결국 props 타입 안에 children을 설정해야 한다.
• 제네릭 문법을 지원하지 않는다.
• 불필요한 속성들을 포함한다.
• React.FC는 defaultProps가 제대로 작동하지 않는다.