[React + TypeScript] React.FC 변경된점 과 사용법

FC : function Components

// FC 를 쓰면 props 안의 chilren 을 쉽게 사용할 수 있다.

// 제네릭까지쓰면 FC 에 들어있는 chilren 과 들어올 props 의 타입을 같이 사용가능하다.

// 하지만 좋은 방법은 아니라고한다.

// 그 이유는 사용하지 않는 children 을 암시적으로 가지고 있다고 추정 하기때문에 안티 패턴이다.

// react 18v 부터는   FC의 암시적인 children이 삭제되었다고한다. 그러면 쓸 이유가 더더욱 줄어든다.

app.tsx

Todos 컴포넌트에 아이들이라는 children 을 내려주고있다.

 

FC 를 사용하면 children 을 암시적으로 갖고있어서 타입설정을 안해줘도 된다고 알고있었는데 에러가 난다.

아마 리액트 18버전부터 변경되서 그런것같다.

 

그래서 나는 그냥 명시해주기로했다.