PAYPAL 异步等待按钮不起作用

Question

import { PayPalButton } from 'react-paypal-button-v2'  

<PayPalButton                      

    amount={total}                       

    onSuccess={tranSuccess}                  

/>

const tranSuccess = async(payment) => {
        const {paymentID, address} = payment;

        await axios.post('/api/payment', {cart, paymentID, address}, {
            headers: {Authorization: token}
        })

        setCart([])
        addToCart([])
        alert("You have successfully placed an order.")
    }

我在我的 mern-stack 电子商务项目中使用 paypal-button 但onSuccess它不会进入tranSuccess function 因为它是async的并且await没有 async-await 它进入tranSuccess function 但随后axios.post请求不起作用。 谁能帮我解决这个问题。 每一个帮助appriciated。

我期待它到 axios.post 请求中的 go，但这并没有发生。 我应该使用任何其他东西而不是只使用那个 paypal 按钮吗？

Answer 1

来自“react-paypal-button-v2”

这不是官方的 package，考虑换成react-paypal-js ，它是更新的并且受 PayPal 支持。你可以在 storybook中找到工作示例。

---

由于看起来您正在与服务器通信，因此您应该在服务器/后端创建两个路由来创建和捕获订单，并从 JS createOrder 和 onApprove 函数调用它们。 此类的完整堆栈节点示例在文档中： https://developer.paypal.com/docs/checkout/standard/integrate/