generics - Typescript TSX 和通用参数

Question

Typescript 引入了对 JSX 语法的支持。所以我有一个表达式可以很好地处理传统的 *.ts 文件，但不能处理 *.tsx 文件:

const f = <T1>(arg1: T1) => <T2>(arg2: T2) => {
   return { arg1, arg2 };
}

我想知道有没有办法让它在 *.tsx 文件中工作？

Answer 1

为了让它理解它是一个类型参数而不是一个 JSX 元素，您可以在类型参数之后添加一个逗号:

const f = <T1,>(arg1: T1) => <T2,>(arg2: T2) => {
   return { arg1, arg2 };
};

或者您可以改用函数表达式:

const f = function<T1>(arg1: T1) {
    return function<T2>(arg2: T2) {
        return { arg1, arg2 };
    };
};

或者，在这种情况下，这可行:

const f = <T1, T2>(arg1: T1) => (arg2: T2) => {
   return { arg1, arg2 };
};