反応ストライプ要素が「未定義のプロパティ '小道具」を読み取ることができません。

Question

反応ストライプ要素サンプルは、readmeファイルにあります。私は適切にストライプフォームを設定することができますが、私は支払ボタンを押すとエラー以下になる。

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'からimport {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

[OK]を問題から

輸入PaymentCardは、クラスに関数を結合することによって解決される

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