[Next.js] const Component vs functional Component 어떤것을 써야할까?


[Next.js] const Component vs functional Component 어떤것을 써야할까?

const Component interface Props { name: string; } const Home: React.FC<Props> = ({ name }) => { return ( <div>Home</div> ) } functional Component interface Props { name: string; } function Home({ name } : Props) { return ( <div>Home</div> ) } 차이점 위에서의 차이점은 "React.FC" 입니다. "React.FC"를 유형으로 사용하려면 함수 유형 자체에 주석을 달아야 합니다. 매개 변수나 반환 값이 아니라 함수 값입니다. 함수 표현식(const Component)을 사용하면 적절한 상황에서 이러한 유형의 호이스팅이 가능하지만 TDZ(Temporal Dead Zone)를 유발할 수도 있습니다. 함수 선언(functional Component)이 더 안전한 선택입니다. 공식 문서에도 함수 선언(fu...


#component #const #function #next #nextjs #react

원문링크 : [Next.js] const Component vs functional Component 어떤것을 써야할까?