React.FC를 지양하는 이유

 

https://shape-coding.tistory.com/entry/TypeScript-ReactFC%EC%97%90-%EC%82%AC%EC%9A%A9%EC%97%90-%EB%8C%80%ED%95%B4-%EC%83%9D%EA%B0%81%ED%95%B4%EB%B3%B4%EA%B8%B0

[TypeScript] React.FC에 사용에 대해 생각해보기

 

React.FC는 children 속성을 암시적으로 포함하고 기본 props 처리가 복잡해질 수 있어 권장하지 않는다고 한다.

props가 없다면 굳이 타입 표기를 하지 않아도 되고(타입스크립트가 알아서 추론), props가 있다면

const Register = ({ title, children }: PropsWithChildren<Props>): JSX.Element => {
  return ~~~
}

 

이렇게 react에서 { PropsWithChildren }를 import해 사용해주면 된다고 한다.