首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Typescript泛型和字符串文字类型:"OnBlur“类型的参数不能赋值给"T”类型的参数

Typescript泛型和字符串文字类型:"OnBlur"类型的参数不能赋值给"T"类型的参数。

这个问题涉及到Typescript中的泛型和字符串文字类型的概念。

首先,泛型是一种在编程语言中定义函数、类或接口时使用的参数类型。它允许我们在使用这些函数、类或接口时指定具体的类型,从而增加代码的灵活性和重用性。

字符串文字类型是指在Typescript中使用字符串字面量作为类型的一种方式。它允许我们在类型声明中指定具体的字符串值,从而限制变量或参数的取值范围。

在给定的问题中,"OnBlur"是一个字符串文字类型,"T"是一个泛型类型参数。根据问题描述,"OnBlur"类型的参数不能赋值给"T"类型的参数。

这是因为泛型类型参数"T"可以代表任何类型,而"OnBlur"是一个具体的字符串文字类型。在类型系统中,具体的类型不能赋值给泛型类型参数,因为它们不是同一种类型。

如果你想要将"OnBlur"类型的参数赋值给"T"类型的参数,你可以考虑使用字符串文字类型作为泛型类型的约束。这样,泛型类型参数"T"将被限制为只能是字符串文字类型中的一个值。

以下是一个示例代码:

代码语言:txt
复制
type OnBlur = "OnBlur";

function doSomething<T extends OnBlur>(param: T): void {
  // 在这里可以使用泛型类型参数T
  console.log(param);
}

doSomething("OnBlur"); // 正确,"OnBlur"是字符串文字类型
doSomething("Click"); // 错误,"Click"不是字符串文字类型

在上面的示例中,我们使用了extends关键字来约束泛型类型参数T必须是OnBlur类型或其子类型。这样,我们就可以在函数体内使用泛型类型参数T了。

对于这个问题,腾讯云没有特定的产品或链接与之相关。但是,腾讯云提供了广泛的云计算服务,可以满足各种应用场景的需求。你可以访问腾讯云的官方网站(https://cloud.tencent.com/)了解更多关于腾讯云的信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

C#中的泛型(类型参数的约束)

因为我们的数组中存储的元素类型是不确定的,所以这里我们用到了泛型,其中where T : strut子句约束参数类型T必须为值类型。当然这个程序我们不使用泛型,直接定义Object类型的数组也可以。...下面重点说说C#中泛型类型参数的约束: 在定义泛型类时,可以对客户端代码能够在实例化类时用于类型参数的类型种类施加限制。 如果客户端代码尝试使用某个约束所不允许的类型来实例化类,则会产生编译时错误。...T:new() 类型参数必须具有无参数的公共构造函数。 当与其他约束一起使用时,new() 约束必须最后指定。 T: 类型参数必须是指定的基类或派生自指定的基类。...T: 类型参数必须是指定的接口或实现指定的接口。 可以指定多个接口约束。 约束接口也可以是泛型的。 T:U 为 T 提供的类型参数必须是为 U 提供的参数或派生自为 U 提供的参数。...于是,我想能不能写一个简单的泛型类,其中里面实现对数值类型的加减乘除四则运算,遇到的问题是 :where子句后面的约束怎么写,我查看的数值型的类Int32等等,它们的基类是Object,如果直接定义一个泛型参数

3.7K60

TypeScript 基本类型和泛型的使用

typescript 基础类型 下面只介绍一些区别于 JavaScript 的特殊类型 Tuple 元组 元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。...TypeScript里,undefined和null两者各自有自己的类型分别叫做undefined和null。...infiniteLoop(): never { while (true) { } } 复制代码 typescript 泛型 先来谈谈使用场景 模拟一个场景,当我们要使用一个服务器提供的不同数据...正解: 使用 typescript 泛型(Generic) 先简单的来说一下什么是泛型? ==就是表示一个类型的变量,用他来代替某个实际的类型用于编程。...后面紧接的 表示声明一个表示类型的变量,Value: T 表示声明参数是 T 类型的,后面的 : T 表示返回值也是 T 类型的。

2.5K40
  • java泛型:通过自定义ParameterizedType实现参数化类型中类型参数的替换

    需求说明 如果要动态构造一个泛型参数对象(ParameterizedType),guava提供的TypeToken工具可以部分实现这个功能: 比如下面这个例子(来自guava wiki TypeToken...TypeParameter构造一个新的ParameterizedType,如果想根据一个已有的ParameterizedType对象替换其中的参数,上面的方法并不能实现。...方法实现了参数类型替换。...ParameterizedTypeImpl(TypeToken.of(this).getRawType(), typeArgs, getOwnerType()); } /** * 用指定的类型参数替换当前对象的类型参数... * 新参数的个数与当前对象的类型参数个数必须一致, * 如果新参数数组中元素为{@code null}则对应的参数不会被替换 * @param newTypeArguments

    4.8K80

    【TypeScript 演化史 -- 11】泛型参数默认类型 和 新的 --strict 编译选项

    TypeScript 2.3 增加了对声明泛型参数默认类型的支持,允许为泛型类型中的类型参数指定默认类型。...接下来看看如何通过泛型参数默认将以下React组件从 JS (和JSX)迁移到 TypeScript (和TSX): class Greeting extends React.Component {...使用泛型类型定义 Props 和 State 虽然上面的示例编译和运行得很好,但是咱们的 Component 类型定义不是很精确。...泛型参数默认类型 从 TypeScript 2.3 开始,咱们可以为每个泛型类型参数添加一个默认类型。...使用泛型参数默认值,就可以完全去掉附加的可构造类型,并将{}设置为默认类型 type ConstructorT = {}> = new (...args: any[]) => T; 语法稍微复杂一些,

    1.8K30

    CA1005:避免泛型类型的参数过多

    值 规则 ID CA1005 类别 设计 修复是中断修复还是非中断修复 重大 原因 外部可见的泛型类型具有两个以上的类型参数。 默认情况下,此规则仅查看外部可见的类型,但这是可配置的。...规则说明 泛型类型包含的类型参数越多,越难以知道并记住每个类型参数各代表什么。...它通常有一个类型参数,如在 ListT> 中,而在某些情况下有两个类型参数,如在 Dictionary 中。...以易于理解和使用的语法提供泛型,可减少学习所需的时间,并增加新库的采用率。..., internal 相关规则 CA1010:集合应实现泛型接口 CA1000:不要在泛型类型中声明静态成员 CA1002:不要公开泛型列表 CA1003:使用泛型事件处理程序实例 另请参阅 泛型

    1.1K30

    【TypeScript 演化史 — 第十一章】泛型参数默认类型 和 新的 –strict 编译选项

    image.png TypeScript 2.3 增加了对声明泛型参数默认类型的支持,允许为泛型类型中的类型参数指定默认类型。...接下来看看如何通过泛型参数默认将以下React组件从 JS (和JSX)迁移到 TypeScript (和TSX): class Greeting extends React.Component {...使用泛型类型定义 Props 和 State 虽然上面的示例编译和运行得很好,但是咱们的 Component 类型定义不是很精确。...泛型参数默认类型 从 TypeScript 2.3 开始,咱们可以为每个泛型类型参数添加一个默认类型。...使用泛型参数默认值,就可以完全去掉附加的可构造类型,并将{}设置为默认类型 type ConstructorT = {}> = new (...args: any[]) => T; 语法稍微复杂一些,

    1.7K20

    根据java编译器规则在Class中搜索匹配指定参数类型表的泛型方法(GenericMethod)

    因为项目的需要,设计了一个满足特定需要的代码自动生成工具。在开发过程中需要根据方法名和方法参数类型数组在指定的类中根据java编译器的规则找到与之最匹配的泛型方法。...void test(int a,URL b,T c){ } public T1,T2,T3>void test(T1 a,T2 b,T3 c){ } } 于是对java关于泛型方法匹配的方式做了研究...,发现java编译器在匹配泛型方法时,对参数的匹配是遵循从左到右的顺序来一个个检查的,根据这个规则写了下面的方法来实现泛型方法的精确匹配。.../** * @param clazz 要搜索的类 * @param name 方法名 * @param parameterTypes 希望匹配的参数类型数组 *...break; } if (methods.size() > 1) { //如果还有多个方法满足条件,再过滤掉不能直接赋值的方法

    1.6K30

    初探 TypeScript函数基本类型泛型接口类内置对象

    : 参数类型和返回值类型;在 TypeScript 的类型定义中, => 用来表示函数的定义,左边是输入类型,需要用括号括起来,右边是输出类型,和 ES6 的箭头函数不一样 可选参数和默认参数 TypeScript...result0 = buildName(12, 12); //提示 12 类型的参数不能赋值给 string let result1 = buildName('Bob') //提示应该有两个参数...,这样我们就能清楚的知道使用的具体是哪个泛型类型 泛型接口 interface GenericIdentityFn { T>(arg:T):T } function identityT>(arg...:T):T { return arg } let myIdentity:GenericIdentityFn = identity 复制代码 泛型类 (=>类的学习) 泛型类看上去和泛型接口差不多,泛型类使用...new GeneriNumber() 复制代码 类有两个部分:静态部分和实例部分,泛型类指的实例部分,所以静态属性不能使用这个泛型类型,定义接口来描述约束条件 泛型约束 interface

    7.3K31

    Typescript 使用日志(干货)

    泛型表示的是一个类型在定义时并不确定,需要在调用的时候才能确定的类型,主要包含以下几个知识点: •泛型函数•泛型类•泛型约束 T extends XXX 我们试想一下,如果一个函数,把传入的参数直接输出...传入的参数可以是任何类型,难道我们需要把每个类型都写一遍? •使用函数重载,得把每个类型都写一遍,不适合。•泛型,用一个类型占位 T 去代替,在使用时指定对应的类型即可。...= d2(true); 其实泛型本来很简单,但许多初学 Typescript 的同学觉得泛型很难,其实是因为泛型可以结合索引查询符 keyof、索引访问符 T[k] 等写出难以阅读的代码,我们来看一下。...泛型中的兼容 泛型中的兼容,如果没有用到 T,则两个泛型也是兼容的。...•PartialT>,将 T 中的类型都变为可选。•ExcludeT, U>,从 T 中剔除可以赋值给 U 的类型。•ExtractT, U>,提取 T 中可以赋值给 U 的类型。

    2.5K10

    【Vue3+TypeScript】CRM系统项目搭建之 — 关于拥抱 TypeScript 这件事【上】

    泛型 定义⼀个函数或类时,有些情况下⽆法确定其中要使⽤的具体类型(返回值、参数、属性的类型不能确 定),此时就需要泛型了 举例: 就是泛型,(不⼀定⾮叫 T ),设置泛型后即可在函数中使⽤ T 来表示该类型...: unction testT>(arg: T): T{ return arg; } // 不指名类型,TS会⾃动推断出来 test(10) // 指名具体的类型 test(10) 泛型可以写多个...类中同样可以使⽤泛型: lass MyClassT>{ prop: T; constructor(prop: T){ this.prop = prop; } } 也可以对泛型的范围进⾏约束:...: T): number{ return arg.length; } test(10) // 类型“number”的参数不能赋给类型“Demo”的参数 test({name:'张三'}) // 类型“...{ name: string; }”的参数不能赋给类型“Demo”的参数 test('123') test({name:'张三',length:10}

    13010

    TypeScript进阶 之 重难点梳理

    假设 T 是一个类型,那么keyof T产生的类型就是 T 的属性名称字符串字面量类型构成的联合类型(联合类型比较简单,和交叉类型对立相似,这里就不做介绍了)。 「注意!...但是注意,「泛型不能应用于类的静态成员」 几个简单的例子,先感受下泛型 function logT>(value: T): T { console.log(value); return...如果不指定类型,就在定义的之后指定一个默认的类型 myLog(1) 「我们也可以把泛型变量理解为函数的参数,只不过是另一个维度的参数,是代表类型而不是代表值的参数。」...p : T; 在上面的条件语句中,infer P 表示待推断的函数参数,如果T能赋值给(param : infer p) => any,则结果是(param: infer P) => any类型中的参数...never : T; 以上语句的意思就是 如果 T 能赋值给 U 类型的话,那么就会返回 never 类型,否则返回 T,最终结果是将 T 中的某些属于 U 的类型移除掉 举个栗子: type T00

    3.9K20

    深入浅出 TypeScript

    泛型 「泛型」给予开发者创造灵活、可重用代码的能力。 设计泛型的关键目的是「在成员之间提供有意义的约束」,这些成员可以是:类的实例成员、类的方法、函数参数和函数返回值。...举例如下: function getItemT>(params: T): T { return params; // 传入参数类型和返回参数类型一致 } 泛型变量 function getArrayLength...(); this.genericProperty.two(); } } 泛型与 new 默认情况下,泛型不能构造,需要「声明泛型为构造函数」。...P : T; 如果 T 能赋值给 (param: infer P) => any,则结果是(param: infer P) => any类型中的参数 P,否则返回为 T,infer P表示待推断的函数参数...也就是说,如果T不能赋值给U,则返回该值。如果有多个值不能赋值,则TT是联合类型。

    2.9K30

    《现代Typescript高级教程》类型推断

    类型推断 类型推断是 TypeScript 在编译时根据上下文自动推导变量和表达式的类型。它根据变量的赋值、函数的返回值、表达式的操作等信息来确定变量或表达式的最佳类型。 1....最佳公共类型推断 当我们将不同类型的值赋给一个变量或数组时,TypeScript会根据这些值的类型推断出一个最佳公共类型。...上下文类型推断 TypeScript会根据上下文中的预期类型推断变量的类型。这种上下文可以是函数参数、赋值语句等。...类型推断和泛型 在使用泛型时,TypeScript会根据传入的参数类型推断泛型类型的具体类型。...TypeScript根据赋值、返回值、上下文等信息进行类型推断,并在需要时允许手动指定类型。在编写现代化高级TypeScript代码时,深入了解和应用类型推断是非常重要的一部分。

    18930

    【文末送书】Typescript 使用日志

    泛型表示的是一个类型在定义时并不确定,需要在调用的时候才能确定的类型,主要包含以下几个知识点: •泛型函数•泛型类•泛型约束 T extends XXX 我们试想一下,如果一个函数,把传入的参数直接输出...传入的参数可以是任何类型,难道我们需要把每个类型都写一遍? •使用函数重载,得把每个类型都写一遍,不适合。•泛型,用一个类型占位 T 去代替,在使用时指定对应的类型即可。...= d2(true); 其实泛型本来很简单,但许多初学 Typescript 的同学觉得泛型很难,其实是因为泛型可以结合索引查询符 keyof、索引访问符 T[k] 等写出难以阅读的代码,我们来看一下。...泛型中的兼容 泛型中的兼容,如果没有用到 T,则两个泛型也是兼容的。...•PartialT>,将 T 中的类型都变为可选。•ExcludeT, U>,从 T 中剔除可以赋值给 U 的类型。•ExtractT, U>,提取 T 中可以赋值给 U 的类型。

    2.9K10

    TypeScript基础常用知识点总结

    TypeScript—函数 10. TypeScript—类型推论和类型断言 11. TypeScript—枚举 12. TypeScript—泛型 13....TypeScript增加的功能: 类型批注和编译时类型检查、类型推断、接口、枚举、Mixin、泛型编程、元组、Await、类、模块、lambda 函数的箭头语法、可选参数以及默认参数等。...; let num: number = u; 而 void 类型的变量不能赋值给 number 类型的变量,下面写编译就会报错: let u: void; let num: number = u; (6...TypeScript—泛型 泛型是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。...这时候,泛型就派上用场了: function createArrayT>(length: number, value: T): ArrayT> { let result: T[] = [];

    4.9K30

    TypeScript中那几个奇怪的知识点

    } } 此时的T就是一个泛型,它是一个可变的类型。...根据你传入niubi这个方法的参数对象来确定的,当我们传入的a是字符串,那么T就为string.返回的就是一个item为字符串的数组 class Peter { niubiT>(a: T): T[...(res => res.data) .catch(err => console.error(err)); } 在真正的请求函数中使用了泛型,即传入任意类型参数T>,那么便返回一个Promise...()); }; 总结两次泛型的连续使用: 1.使用data作为泛型,传入 2.组装成{code,result,data}这种类型接口 3.将第二步的组装后类型作为泛型T>传入get方法中 4.返回一个...减少不必要的重复代码,即每次接口调取都会返回的数据格式类型:code和result 相信你通过这段代码和文字,能真正理解TS的泛型如何用,什么地方使用,以及使用的意义了。

    1.2K10
    领券