reactjs - React TSX 文件中的泛型

标签 reactjs typescript generics typescript-generics tsx

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

const lastGeneric = <T>(arr: Array<T>): T => { 
   return arr[arr.length - 1];
}
但是,如果我尝试在 tsx 中执行此操作文件,我收到一堆语法错误,因为它假定我正在尝试创建 JSX带有一个名为 T 的组件
enter image description here
是否有另一种方法可以在 tsx 中定义上述函数文件?我究竟做错了什么?

最佳答案

只需在 T 后添加额外的逗号通用的:

const lastGeneric = <T,>(arr: Array<T>): T => { 
   return arr[arr.length - 1];
}
我的答案可能是重复的。随意标记它。就是找不到原版了
出现此问题的原因是 jsx。 TS 不确定如何解析尖括号

关于reactjs - React TSX 文件中的泛型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68564061/

相关文章:

javascript - 将 MongoDB Stitch 查询中的 objectID 或 _id 转换为字符串并映射它

javascript - React - 输入值生成一个不起作用的数字

javascript - 使用 react-dom 获取在服务器端呈现的所有组件的列表?

json - 将 JSON 发送到 Web 服务时如何忽略 TypeScript 中的实体字段?

c# - 为什么更新字符串 INotifyPropertyChanged 属性而不更新 List<string>?

javascript - React 状态获取 "corrupted"

typescript 类型兼容性测试

angular - 输入 'Observable<{} is not assignable to type ' Observable<HttpEvent<any>>'

delphi - 使用继承的接口(interface)作为 TDictionary 中的键

c# - C# 中的泛型方法