带泛型的Typescript箭头函数的语法是什么?

typescript手册目前没有关于箭头函数的内容。正常的功能可以使用以下语法进行泛型: 例子:

function identity<T>(arg: T): T {
    return arg;
}

箭头函数的语法是什么?

当前回答

如果你在.tsx文件中，你不能只写<T>，但这是可行的:

const foo = <T, >(x: T) => x;

与extends{}攻击不同，这种攻击至少保留了意图。

其他回答

这对我很有用

 const logSomething = <T>(something:T): T => {
       return something;
    }

如果你在.tsx文件中，你不能只写<T>，但这是可行的:

const foo = <T, >(x: T) => x;

与extends{}攻击不同，这种攻击至少保留了意图。

我觉得上面的例子令人困惑。我正在使用React和JSX，所以我认为它使场景复杂化。

我从TypeScript Deep Dive中得到了澄清，它声明了箭头泛型:

解决方法:在泛型参数上使用扩展来提示编译器它是一个泛型，这来自一个更简单的例子，帮助了我。

    const identity = < T extends {} >(arg: T): T => { return arg; }

Edit

根据@Thomas的评论，在更新的TS编译器中，我们可以简单地做:

const foo = <T,>(x: T) => x;

原来的答案

完整的例子解释了Robin引用的语法…带回家给我:

通用函数

像下面这样的东西是可以的:

function foo<T>(x: T): T { return x; }

然而，使用箭头泛型函数将不会:

const foo = <T>(x: T) => x; // ERROR : unclosed `T` tag

解决方法:在泛型参数上使用扩展来提示编译器它是通用的，例如:

const foo = <T extends unknown>(x: T) => x;

2021年，Ts 4.3.3

const useRequest = <DataType, ErrorType>(url: string): Response<DataType, ErrorType> 
   => {
      ...
   }

推荐文章