活字体および/ JSXを反応させる：TSCコンパイラエラーを再現するために、コンポーネントのスーパー

Question

最小限の例を反応させるために小道具を供給する場合：

const React = require("react"); 

class ExampleForm extends React.Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     return <p>{ this.props.msg }</p>; 
    } 
}; 

コンパイラコマンド：

tsc --jsx react react_components/example.tsx 

エラー：

react_components/example.tsx(5,9): error TS2346: Supplied parameters do not match any signature of call target.

これはバグですか？ tscコマンドラインフラグ/オプションがありませんか？

EDIT：

インストールの種類：

• "タイプが/反応@"： "タイプ/ノード@" "^ 15.0.25"
• ： "^ 7.0.23"

TSCのバージョンは2.3.4

Answer 1

代わりにリアクトためES6のインポートを使用してみてください、とも小道具のためにあなたのインターフェースをdelcareすることを確認していますs。

import * as React from 'react'; 

interface IProps { 
    msg: string; 
} 

export class ExampleForm extends React.Component<IProps, {}> { 
    constructor(props: IProps) { 
    super(props); 
    } 

    render() { 
    return <p>{this.props.msg}</p>; 
    } 
}