用Typescript編寫的React應用中的錯誤參數類型

Question

我正在使用atom-typescript程序包，並且已經做了一個簡單的例子。 就這個：

import * as React from "react"

interface Props {}

export class HelloWorld extends React.Component<Props, {}> {
  render() {
    return <div>Hello World</div>;
  }
}

---

import * as React from "react"

import * as HelloWorld from "./components/HelloWorld"

React.render(
  React.createElement(HelloWorld, null),
  document.getElementById('app')
);

問題是我收到此錯誤：

at line 6, file /Users/mazzy/vagrant-devbox/expressjs-typescript/app/app.tsx Argument of type 'typeof "/Users/mazzy/vagrant-devbox/expressjs-typescript/app/components/HelloWorld"' is not assignable to parameter of type 'ComponentClass<any>'.

顯然我已經安裝了react.d.ts文件。 有這個想法嗎？

Answer 1

您正在嘗試使用整個模塊，而不是其導出的成員。 在這種情況下，您需要使用React.createElement(HelloWorld.HelloWorld, null); 訪問該成員。

或者，將您的import更改import {HelloWorld as HelloWorld} from ...