reactjs - react : Missing return type on function. eslint(@typescript-eslint/explicit-function-return-type)

Question

我是 Typescript React 的新手。在一个非常基本的功能组件中，eslint 提示我它缺少功能组件本身的返回类型。我错在哪里？

Answer 1

正如 Nicholas Tower 在此答案中所解释的 Typescript | Warning about Missing Return Type of function, ESLint ，根据您使用的 react 版本，您可以使用以下任何行:
如果您使用的是最新的 React 版本(16.8.0 或更高版本)，请执行以下操作:const Component: React.FunctionComponent<Props> = (props: Props) => (在 16.8 之前，您应该这样做:const Component: React.SFC<Props> = (props: Props) => (SFC 代表“无状态功能组件”。
编辑:------
根据@SergioP 的评论，更惯用的解决方案是const Test = ({ title }: Props): JSX.Element => <div>{title}</div>