web-dev-qa-db-ja.com

React 16.7-React.SFCは非推奨になりました

このようなステートレスコンポーネントを宣言するために使用します。

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

ただし、SFCは非推奨になりました。多分 Dan AbramovのこのTwitter投稿 はその理由を説明しています。

SFCが非推奨になった今、何を使うべきでしょうか?

37
Jonas Praem

React.FunctionComponentを使用する必要があります。 ReactのSFCを 'FunctionalComponentに変更

このPRはReact.SFCReact.StatelessComponentの名前をReact.FunctionComponentに変更し、古い名前の廃止されたエイリアスを導入します。

したがって、あなたの例は次のようになります。

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

または

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