组件上缺少TypeScript ReactDOM属性“type”

Question

收到以下错误：

Error   TS2345  Argument of type 'typeof SomeComponent' 
is not assignable to parameter of type 'ReactElement<{}>'.
Property 'type' is missing in type 'typeof SomeComponent'.

得到以下代码打字稿代码：

import * as React from 'react';
import * as ReactDOM from 'react-dom';

interface IProps{}    
interface IState {}

class SomeComponent extends React.Component<IProps, IState> {
    render() {
        return <div />;
    }
}

var component = SomeComponent;
var root = document.getElementById("root");

ReactDOM.render(component , root);

我尝试了以下方法：

class SomeComponent extends React.Component<IProps, IState> {
    render() {
        return <div />;
    }

    get type() {
        return "test";
    }
}

Answer 1

应该是这样的：

interface IProps{}    
interface IState {}

class SomeComponent extends React.Component<IProps, IState> {
    render() {
        return <div />;
    }
}

ReactDOM.render(<SomeComponent /> , document.getElementById("root"));

您没有将组件类传递给render函数，您需要传递实例。

---

编辑

这个：

var component = SomeComponent;

将类SomeComponent的引用分配到component变量中，这意味着如果您这样做，那么您可以同时执行这两个操作，它们是相同的：

var componentInstance1 = <SomeComponent />
var componentInstance2 = <component />

如果您不想使用jsx / tsx表示法，那么在构造组件时，您需要传递道具：

var component = new SomeComponent(props);