pages/shoppingCart/ShoppingCart.tsx:

<PaymentCard 
	loading={loading}
    originalPrice={shoppingCartItems.map(s => s.originalPrice).reduce((acc, item) => acc + item, 0)}
    price={shoppingCartItems.map(s => s.originalPrice *  ( s.discountPresent ? s.discountPresent : 1 )).reduce((acc, item) => acc + item, 0)}
	onCheckout={() =>{
      if (shoppingCartItems.length <= 0) {
           return
         }
         dispatch(checkout(jwt))
         navigate('/pay')
       }}
	  onShoppingCartClear={() => dispatch(clearShoppingCartItem({jwt: jwt||'',itemsId: shoppingCartItems.map(item => item.id) }))}
/>

onCheckout 方法中，执行异步方法 dispatch(checkout(jwt))，没有等到接口请求成功就执行了打开支付页的逻辑。