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按钮但是onSuccess它不会去tranSuccess函数，因为它是async和await没有async-await，它正在进入tranSuccess函数，但axios.post请求不工作。有人能帮我一下吗?每一个帮助都是感激的。

我以为它会进入axios。未发生的Post请求。除了使用paypal按钮，我还应该使用其他东西吗?

Answer 1

from 'react-paypal-button-v2'

这不是一个正式的包，考虑更改为react-paypal-js，它是新的，由PayPal支持。你可以在故事书中找到有效的例子。

---

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