用 Typescript 编写的 React 应用程序中的错误参数类型答案

【问题标题】：Error param type in React app written in Typescript用 Typescript 编写的 React 应用程序中的错误参数类型
【发布时间】：2015-11-16 09:49:58
【问题描述】：

我正在使用 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 文件。对此有任何想法吗？

【问题讨论】：

标签： javascript node.js typescript reactjs

【解决方案1】：

您正在尝试使用整个模块而不是其导出的成员。在这种情况下，您需要使用 React.createElement(HelloWorld.HelloWorld, null); 来访问该成员。

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

【讨论】：