如何在reactjs的paypal订单中添加数量

npm install @paypal/react-paypal-js

import { PayPalScriptProvider, PayPalButtons } from "@paypal/react-paypal-js";
import { useState } from "react";

const [quantity, setQuantity] = useState(1);

const paypalOptions = {
  "client-id": "YOUR_PAYPAL_CLIENT_ID",
  currency: "USD",
};

const order = {
  amount: {
    value: 10.00,
    currency_code: "USD",
  },
  items: [
    {
      name: "Product Name",
      quantity: quantity,
      unit_amount: {
        value: 10.00,
        currency_code: "USD",
      },
    },
  ],
};

return (
  <PayPalScriptProvider options={paypalOptions}>
    <PayPalButtons
      createOrder={(data, actions) => {
        return actions.order.create(order);
      }}
      onApprove={(data, actions) => {
        return actions.order.capture().then(function (details) {
          // 在这里处理订单的批准和捕获逻辑
        });
      }}
    />
  </PayPalScriptProvider>
);

<button onClick={() => setQuantity(quantity - 1)}>-</button>
<span>{quantity}</span>
<button onClick={() => setQuantity(quantity + 1)}>+</button>