[React] React.FC vs React.ButtonHTMLAttributes - 공통컴포넌트 제작방식
Dev/Nextjs
·
2024. 9. 25.
두 방법은 React 컴포넌트에서 타입을 정의하는 방식에 있어 약간의 차이가 있지만, 기능적인 차이는 매우 적습니다. 다만, 두 가지 접근 방식이 제공하는 유연성과 명시성의 차이를 이해하는 것이 중요합니다.1. React.FC vs React.ButtonHTMLAttributes1.1 React.FC (Functional Component):React.FC는 기본적으로 Functional Component를 위한 타입을 정의하는 도구입니다. **children**이 자동으로 포함되고, defaultProps 및 **propTypes**를 사용할 수 있는 장점이 있습니다. 하지만 일부 제약이 있으며, 더 명시적인 타입을 정의하려고 할 때 사용되지 않는 경우도 있습니다.1.2 React.ButtonHTMLA..