typescript - JSX元素类型 'XXX'没有任何构造或调用签名

我想在 typescript 中使用material-ui。

/// <reference path="../../../typings/react/react.d.ts"/>
import React = __React;
import * as FlatButton from "material-ui/lib/flat-button";

interface ATCProps{
    clickHandler:__React.MouseEventHandler;
}

export default class AddToCartBtn extends React.Component<ATCProps,any>{
    render(){
        return (
            <FlatButton></FlatButton>  // -> error
        )
    }
}

平面按钮

declare module "material-ui/lib/flat-button" {
    import ReactElement = __React.ReactElement;
    import Component = __React.Component;
    interface FlatButton extends __React.Component<any,any>{
    }
    export default FlatButton;
}

错误:(15、14)TS2604:JSX元素类型'FlatButton'没有任何构造或调用签名。

最佳答案

您需要将interface FlatButton替换为class FlatButton。您导出的模块定义没有任何关联的值。

关于typescript - JSX元素类型 'XXX'没有任何构造或调用签名，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34025236/