catch되지 않은 오류 ReferenceError가 : A의 여기 <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

내보내기 기본은 하나 개의 속성 작동 : 아래의 코드 조각을 제공

. (파일에서 하나의 주요 값을 내보낼 수 있습니다. 다른 모든 이름의 이름을 지정해야합니다.)

구성 요소를 정의한 다음 사용해야합니다. 당신이 지금하는 방식 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);