Merge pull request #286 from Adyen/readme-useCallback

Update README.md

README.md

@@ -161,22 +161,28 @@ const MyCheckoutView = () => {
 
 ```javascript
 import { AdyenCheckout } from '@adyen/react-native';
+import { useCallback } from 'react';
 
-<AdyenCheckout
-  config={configuration}
-  paymentMethods={paymentMethods}
-  onSubmit={(paymentData, component) => {
+  const onSubmit = useCallback( (data, nativeComponent ) => {
     /* Call your server to make the `/payments` request */
+    /* When the API request contains `action`, you should call `component.handle(response.action)` to dismiss the payment UI. */
     /* When the API request is completed, you must now call `component.hide(true | false)` to dismiss the payment UI. */
-  }}
-  onAdditionalDetails={(paymentData, component) => {
+  }, [some, dependency]);
+  const onAdditionalDetails = useCallback( (paymentData, component) => {
     /* Call your server to make the `/payments/details` request */
     /* When the API request is completed, you must now call `component.hide(true | false)` to dismiss the payment UI. */
-  }}
-  onError={(error, component) => {
+  }, []);
+  const onError = useCallback( (error, component) => {
     /* Handle errors or termination by shopper */
     /* When the API request is completed, you must now call `component.hide(false)` to dismiss the payment UI. */
-  }}
+  }, []);
+
+<AdyenCheckout
+  config={configuration}
+  paymentMethods={paymentMethods}
+  onSubmit={onSubmit}
+  onAdditionalDetails={onAdditionalDetails}
+  onError={onError}
 >
   <MyCheckoutView />
 </AdyenCheckout>;