React TSX 文件中的泛型

Alk*_*Alk 4 generics typescript reactjs tsx typescript-generics

这可能是一个简单的问题,但无法在网上找到答案。在ts文件中我可以定义这样的函数:

const lastGeneric = <T>(arr: Array<T>): T => { 
   return arr[arr.length - 1];
}
Run Code Online (Sandbox Code Playgroud)

但是,如果我尝试在文件中执行此操作tsx,我会收到一堆语法错误,因为它假设我正在尝试JSX使用名为的组件创建T

在此输入图像描述

是否有其他方法可以在tsx文件中定义上述函数?我究竟做错了什么?

cap*_*ian 7

只需在通用后面添加额外的逗号即可T

const lastGeneric = <T,>(arr: Array<T>): T => { 
   return arr[arr.length - 1];
}
Run Code Online (Sandbox Code Playgroud)

我的答案可能是重复的。请随意标记它。我只是找不到原来的那张。

出现此问题是因为 jsx。TS 不确定如何解析尖括号