キャッチされないのReferenceErrorは：で、ここで <blockquote> <p>Uncaught ReferenceError: ReservationCard is not defined</p> </blockquote> <p></p>が全体のコードです：ReservationCardは

Question

私は

私は以下のエラーが直面していますテンプレートの減速から値を取得するには「接続」を使用しようとしています定義されていません。 jsfiddle。

以下のスニペットコードの提供：

export default React.createClass({ 
    propTypes: { 
     value: React.PropTypes.object.isRequired, 
     profile: React.PropTypes.object.isRequired, 
     SPORTSDetails: React.PropTypes.shape({ 
      error: React.PropTypes.object, 
      SPORTSId: React.PropTypes.number, 
      SPORTSName: React.PropTypes.string, 
      SPORTSAmount: React.PropTypes.number, 
      SPORTSDate: React.PropTypes.string, 
      isRetrieving: React.PropTypes.boolean 
     }), 
     onEdit: React.PropTypes.func.isRequired 
    }, 

    displayName: 'ReservationCard', 
}) 

export default connect(state => ({ 
    profile: state.template.profile, 
}), null, null, { 
    withRef: true // allows parent to access component functions 
})(ReservationCard); 

Answer 1

エクスポートのデフォルトは唯一の財産で動作します。 （ファイルから1つのメイン値をエクスポートすることができます。他のすべての名前を付ける必要があります）

コンポーネントを定義して使用する必要があります。 あなたのやり方はdisplayNameはまだコンポーネントに関連付けられていません。輸出されたReact.createClassはです。

ですから、オムを一つの場所にそれを定義し、コネクト機能を

let ReservationCard = React.createClass({ 
    propTypes: { 
     value: React.PropTypes.object.isRequired, 
     profile: React.PropTypes.object.isRequired, 
     SPORTSDetails: React.PropTypes.shape({ 
      error: React.PropTypes.object, 
      SPORTSId: React.PropTypes.number, 
      SPORTSName: React.PropTypes.string, 
      SPORTSAmount: React.PropTypes.number, 
      SPORTSDate: React.PropTypes.string, 
      isRetrieving: React.PropTypes.boolean 
     }), 
     onEdit: React.PropTypes.func.isRequired 
    }, 

    displayName: 'ReservationCard', 
    }) 

    export default connect(state => ({ 
     profile: state.template.profile, 

    }), null, null, { 
     withRef: true // allows parent to access component functions 
    })(ReservationCard);