TypeScript泛型组件：react与Vue3

开头安利下《从java泛型来聊typescript泛型变量和泛型》

泛型的本质是为了参数化类型：平时我们都是对值进行编程，泛型是对类型进行编程。

设计泛型的关键目的是在成员之间提供有意义的约束（Object-Oriented Programming），这些成员可以是：

• 类的实例成员

• 类的方法

• 函数参数

• 函数返回值

TypeScript 能够跟使用时候提供的值自动推断出类型 T，无需显式指定：

interface Props<T> {
  content: T;
}function Foo<T>(props: Props<T>) {
console.log(props);
}

将上面的 Foo 函数返回 JSX 元素，就成了一个 React 组件。因为它是泛型函数，它所形成的组件也就成了 泛型组件/Generic Components。

function Foo<T>(props: Props<T>) {
  return <div> {props.content}</div>;
}

转载本站文章《TypeScript泛型组件：react与Vue3》,
请注明出处：https://www.zhoulujun.cn/html/webfront/ECMAScript/typescript/2024_1112_9331.html