2017-12-06 6 views
3

私はTSコンパイラでJSコードをチェックする能力があることを知っています。そして私はTSコンパイラがJSDocコメント(https://github.com/Microsoft/TypeScript/wiki/JSDoc-support-in-JavaScript)を理解していることを知っています。TypeScriptコンパイラのJavascriptでJSDocをどのように記述しますか?

私は私のプロジェクトを反応させ、私はJSDocのと小道具の定義を指定する方法がわからないとTSコンパイラを使用したい:(

私は

class PropertyDetails extends React.Component { 
    static propTypes = { 
    breadcrumbChange: PropTypes.func, 
    folderId: PropTypes.string.isRequired 
    } 

    /** 
    * @typedef {Object} Props 
    * @property {function} breadcrumbChange 
    * @property {string} folderId 
    */ 

    /** 
    * @constructor 
    * @param {Props} props 
    */ 
    constructor(props) { 
    super(props); 

を試みたが、それは動作しません。

+0

最も簡単な解決策を動作するはずですが:実際にTSを使用すると 'Props'ためのインタフェースを定義し、'コンストラクタ(小道具:小道具)を使用し、 ' – Gerrit0

+0

それはJSではなくTSを使用するために私の決定ではありません:( –

答えて

2

はインテリセンスを作り、あなたがタイピングで、それは一般的なオブジェクトのように記述されているので、コンポーネントクラスの小道具のタイプを指定する必要が働いてチェックを入力します。あなたはこの

ような何かをしようとするので
/** 
* @typedef {Object} Props 
* @prop {Function} breadcrumbChange 
* @prop {string} folderId 
* @extends React.Component<Props> 
*/ 
class PropertyDetails extends React.Component { 
} 

それは

関連する問題