반응 스트라이프 요소가 "정의되지 않은 속성 '소품을 읽을 수 없음"

Question

반응 스트라이프 요소 샘플이 추가 정보 파일에 있습니다. 스트라이프 형식을 올바르게 설정할 수 있지만 지불 버튼을 누르는 동안 오류가 발생합니다.

Uncaught TypeError: Cannot read property 'props' of undefined 
    at handleSubmit (paymentForm.jsx?9f51:10) 
    at HTMLUnknownElement.callCallback (react-dom.development.js?cada:540) 
    at Object.invokeGuardedCallbackDev (react-dom.development.js?cada:579) 
    at Object.invokeGuardedCallback (react-dom.development.js?cada:436) 
.... 

내 paymentForm.jsx는 다음과 같이이다 :

가져 오기 '반응'에서 반작용; 'react-stripe-elements'에서 가져 오기 {injectStripe}; './paymentCard'

class PaymentForm extends React.Component { 

    handleSubmit(ev) { 
    ev.preventDefault(); 
    this.props.stripe.createToken({name: 'Jenny Rosen'}).then(({token}) => { 
     console.log('Received Stripe token:', token); 
    }); 
    } 

    render() { 
    return (
     <form onSubmit={this.handleSubmit}> 
     <PaymentCard /> 
     <button>Pay</button> 
     </form> 
    ) 
    } 

} 
export default injectStripe(PaymentForm); 

Answer 1

확인 문제에서

수입 PaymentCard는 클래스에 기능을 결합함으로써 해결된다

constructor(props) { 
    super(props); 
    this.handleSubmit = this.handleSubmit.bind(this) 
    }