显式函数返回类型创建功能组件在打字稿中做出反应

小编典典

显式函数返回类型创建功能组件在打字稿中做出反应

reactjs

const App: FC = () => {
   const addItem = () => {
      useState([...items, {id:1,name:'something'])
   }
   return<div>hello</div>
}

linter在我的App.tsx上给我错误。

warning  Missing return type on function  @typescript-eslint/explicit-function-return-type

我必须关闭显式函数返回类型，如何修复以上代码？AddItem不必返回任何东西。

阅读 289

2020-07-22

共1个答案

小编典典

我不确定您使用的是哪个版本的React，但是使用TypeScript和React
16.8为您的功能组件提供类型的所谓正确方法是使用React.FC或React.FunctionComponent。以下将在大多数TsLint配置上正常运行。您可以在运行以下项目的项目上尝试使用以下内容@typescript- eslint

import * as React from 'react';

const App: React.FC = () => {
   // do something

   return <div>hello</div>;
}

但是，如果上述方法不起作用，则可能需要执行以下操作来明确键入返回值：

import * as React from 'react';

const App: React.FC = (): JSX.Element => {
   // do something

   return <div>hello</div>;
}

2020-07-22