代码之家 › 专栏 › 技术社区 › invariant

如何在typescript中接受react组件构造函数作为函数参数

typescript2.0 typescript

invariant · 技术社区 · 7 年前

import { Component} from "react";

export class Test extends Component<{}, {}> {
      render() {
        return "Hello";
      }
    }

    function myFunction<P, S, C extends Component<P, S>>(c: C): void {
      console.log("ctor", c);
    }

    const s = myFunction(Test);

错误:

类型为“typeof Test”的参数不能分配给类型为的参数 '组件(<);{},{}>'。类型“typeof”中缺少属性“setState” 测试”。07:35:53-编译完成。监视文件更改。

我需要实现原始react的所有成员吗 Component 使用super初始化。(..) ?

1 回复 | 直到 7 年前

CRice 7 年前

您需要声明 C 作为对返回组件的可更新函数的扩展:

import { Component} from "react";

export class Test extends Component<{}, {}> {
    render() {
        return "Hello";
    }
}

function myFunction<P, S, C extends new () => Component<P, S>>(c: C): void {
    console.log("ctor", c);
}

const s = myFunction(Test);

推荐文章

Magician · 命名空间上的Typescript概念

7 年前

Vignesh · PrimeNG TurboTable性能问题

7 年前

Arjan · 问号Typescript变量

7 年前

invariant · 如何在typescript中接受react组件构造函数作为函数参数

7 年前

Jordi · Typescript:重载级联式构造函数

7 年前

MHOOS · 任何自定义类型

7 年前

Siya Mzam · 代码可以工作,但在promise中有一个try/catch块是最佳实践吗?

7 年前

Christoph Glaß · 导出角度模块中的枚举

7 年前

AbdulKareem · 基于传递的字符串参数约束返回的对象属性

7 年前

jbmilgrom · 函数中缺少参数作为参数不会引发编译器错误

7 年前