React 16.7-React.SFC现在已弃用

Question

我曾经这样声明无状态组件：

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

但是现在不推荐使用SFC，也许this twitter post from Dan Abramov解释了原因。

不推荐使用SFC，现在应该使用什么？

Answer 1

您应使用React.FunctionComponent：https://github.com/DefinitelyTyped/DefinitelyTyped/pull/30364

  

此PR将React.SFC和React.StatelessComponent重命名为React.FunctionComponent，同时为旧名称引入了不赞成使用的别名。

因此您的示例将变为：

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

或

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