如何获得razorpay的失败或弹出关闭事件

Question

我有以下代码

import React, { useEffect } from 'react';

const PayByRazorPay = () => {
    const options = {
        key: 'YOUR_KEY',
        amount: '100', //  = INR 1
        name: 'Acme shop',
        description: 'some description',
        image: 'https://cdn.razorpay.com/logos/7K3b6d18wHwKzL_medium.png',
        handler: function(response) {
            alert(response.razorpay_payment_id);
        },
        prefill: {
            name: 'Gaurav',
            contact: '9999999999',
            email: 'demo@demo.com'
        },
        notes: {
            address: 'some address'
        },
        theme: {
            color: 'blue',
            hide_topbar: false
        }
    };

    const openPayModal = () => {
        var rzp1 = new window.Razorpay(options);
        rzp1.open();
    };
    useEffect(() => {
        const script = document.createElement('script');
        script.src = 'https://checkout.razorpay.com/v1/checkout.js';
        script.async = true;
        document.body.appendChild(script);
    }, []);

    return (
        <>
            <button onClick={openPayModal}>Pay with Razorpay</button>
        </>
    );
};

export default PayByRazorPay;

上面的代码工作正常...但我无法弄清楚如何处理失败的响应以及当用户只需单击 razorpay 弹出窗口时...

请指教..

谢谢

Answer 1

这可以通过使用 modal.ondismiss 来实现。

"modal": {
        "ondismiss": function(){
            console.log(‘Checkout form closed’);
        }
    }

参考这里 - 请参考这个 - https://razorpay.com/docs/payment-gateway/web-integration/standard/additional-features/