반응 16.7 - 반응.SFC는 폐지되었습니다.

반응 16.7 - 반응.SFC는 폐지되었습니다.

다음과 같이 상태 비저장 구성 요소를 선언합니다.

const example: React.SFC<IExample> = ({propsType}) => ();

그러나 SFC는 이제 폐지되었다.아마 Dan Abramov가 트위터에 올린 글이 그 이유를 설명해 줄 것이다.

SFC가 폐지되었으므로 무엇을 사용해야 합니까?

를 사용해 주세요.React.FunctionComponent: React의 SFC 이름을 Functional Component로 변경합니다.

이 PR의 이름 변경React.SFC그리고.React.StatelessComponent로.React.FunctionComponent오래된 이름의 폐지된 에일리어스를 도입하고 있습니다.

예를 들면 다음과 같습니다.

const example: React.FunctionComponent<IExample> = ({propsType}) => ();

또는

const example: React.FC<IExample> = ({propsType}) => ();

인정된 답변은 더 이상 최신이 아니라고 생각합니다.

React.FunctionComponentcreate-contract-app에서 설명한 것처럼 몇 가지 단점이 있습니다.그들의 논리는 꽤 설득력 있고, 나는 그 이유를 사용하는 것을 그만두었다.FC전적으로.

더 나은 대안:

const example = ({ propsType }: IExample): JSX.Element => ();

언급URL : https://stackoverflow.com/questions/53885993/react-16-7-react-sfc-is-now-deprecated