React 16.7-React.SFC现在已弃用

Question

我常这样声明无状态组件：

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

但是，现在不推荐使用SFC，也许Dan
Abramov的这个Twitter帖子
解释了原因。

SFC已过时，现在应该使用什么？

Answer 1

您应该使用React.FunctionComponent：将React的SFC重命名为’FunctionalComponent

这PR重命名React.SFC，并React.StatelessComponent以React.FunctionComponent，同时引进了旧名称弃用别名。

因此，您的示例将变为：

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

要么

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