Typescript，JSX：渲染组件，作为参数传递

Question

我想写一个函数，它渲染反应组件，作为参数传递给该函数。我想处理require('jquery') require("script!./path-to-froala-editor.min"); 和Component类型。这就是我这样做的方式：

StatelessComponent

我收到了编译错误：

function renderComponent(component: React.ComponentClass<any> | React.StatelessComponent<any>) {
    return <component />;
}

我做错了什么？

Answer 1

在您的示例中，renderComponent函数正在获取Component的实例，而不是类/ ctor。 它应该是：

function renderComponent(componentClass: { new (): React.ComponentClass<any> | React.StatelessComponent<any> }) {
    return <componentClass />;
}