Reactjs：TypeError：未定義のプロパティ 'propType'を読み取ることができません

Question

次のreactjsページのunitTestを記述するように求められます。私はしかし、私のテストはつまりタイトルと子供（私は折りたたみに私の小道具を疑っています、上記のタイトルにエラーを投げている

describe('Collapsible',()=>{ 
    it('works',()=>{ 
     let renderer = createRenderer(); 
     renderer.render(<Collapsible title="MyTitle"><span>HEllo</span></Collapsible>); 
     let actualElement = renderer.getRenderOutput(); 
     let expectedElement = (<details><summary>title</summary>Details</details>); 
     expect(actualElement).toEqual(expectedElement);      
    }); 
}); 

のように、以下の私のテストを書いたぇHere後

export default class Collapsible extends React.Component { 
    static propTypes = { 
     title: React.PropTypes.string, 
     children: React.PropTypes.any, 
    }; 

    render() { 
     const { title } = this.props; 
     return (
      <details> 
       <summary>{title}</summary> 
       {this.props.children} 
      </details> 
     ); 
    } 
} 

）はテストから割り当てていません。どうすればいいですか？どんな助けや指導も高く評価されます。 the docsパー

Answer 1

おかげで、すべて。私はCollapsibleを誤ってテストファイルにインポートしていました。以下は

import React from 'react'; 
import expect from 'expect'; 
import {createRenderer} from 'react-addons-test-utils'; 
import Collapsible from '../Collapsible'; 

に変更した後は動作するようです、私は

import React from 'react'; 
import expect from 'expect'; 
import {createRenderer} from 'react-addons-test-utils'; 
import { Collapsible } from '../Collapsible.js'; 

前に輸入された方法です。 Collapsibleを既存の変数/オブジェクトとしてインポートしていました。ドキュメントといくつかのチュートリアルを読んだ後、私は実現しました。

Answer 2

次のように、ES6クラスで小道具を定義するための1つの方法は次のとおりです。お時間を

export default class Collapsible extends React.Component { 
    render() { 
     const { title } = this.props; 
     return (
      <details> 
       <summary>{title}</summary> 
       {this.props.children} 
      </details> 
     ); 
    } 
} 

Collapsible.propTypes = { 
    title: React.PropTypes.string, 
    children: React.PropTypes.any, 
};