Fix bug in demo component

stripe-archive · Oct 7, 2018 · 25556e8 · 25556e8
1 parent 20258c3
commit 25556e8
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/demo/demo/index.js b/demo/demo/index.js
@@ -166,16 +166,6 @@ class _PaymentRequestForm extends React.Component<
       },
     });
 
-    paymentRequest.on('token', ({complete, token, ...data}) => {
-      console.log('Received Stripe token: ', token);
-      console.log('Received customer information: ', data);
-      complete('success');
-    });
-
-    paymentRequest.canMakePayment().then((result) => {
-      this.setState({canMakePayment: !!result});
-    });
-
     this.state = {
       canMakePayment: false,
       paymentRequest,
@@ -187,6 +177,18 @@ class _PaymentRequestForm extends React.Component<
     paymentRequest: Object,
   };
 
+  componentDidMount() {
+    this.state.paymentRequest.on('token', ({complete, token, ...data}) => {
+      console.log('Received Stripe token: ', token);
+      console.log('Received customer information: ', data);
+      complete('success');
+    });
+
+    this.state.paymentRequest.canMakePayment().then((result) => {
+      this.setState({canMakePayment: !!result});
+    });
+  }
+
   render() {
     return this.state.canMakePayment ? (
       <PaymentRequestButtonElement