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不必返回任何东西。
我不确定您使用的是哪个版本的React,但是使用TypeScript和React 16.8为您的功能组件提供类型的所谓正确方法是使用React.FC或React.FunctionComponent。以下将在大多数TsLint配置上正常运行。您可以在运行以下项目的项目上尝试使用以下内容@typescript- eslint
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>; }