PayPal 結帳訂閱更改金額

Question

如何使用 react-paypal-js 更改 PayPal 訂閱的金額

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

const ButtonWrapper = ({ type }) => {
    const [{ options }, dispatch] = usePayPalScriptReducer();

    useEffect(() => {
        dispatch({
            type: "resetOptions",
            value: {
                ...options,
                intent: "subscription",
            },
        });
    }, [type]);

    return (<PayPalButtons
        createSubscription={(data, actions) => {
            return actions.subscription
                .create({
                    plan_id: "P-3RX065706M3469222L5IFM4I",
                })
                .then((orderId) => {
                    // Your code here after create the order
                    return orderId;
                });
        }}
        style={{
            label: "subscribe",
        }}
    />);
}

export default function App() {
    return (
        <PayPalScriptProvider
            options={{
                "client-id": "test",
                components: "buttons",
                intent: "subscription",
                vault: true,
            }}
        >
            <ButtonWrapper type="subscription" />
        </PayPalScriptProvider>
    );
}

Answer 1

P-3RX065706M3469222L5IFM4I 是否是您自己的計划 ID？

您可以通過以下方式創建自己的計划：

• 沙盒： https://www.sandbox.paypal.com/billing/plans
• 直播： https://www.paypal.com/billing/plans

使用的帳戶必須與您加載 JS SDK 的客戶端 ID 相對應。

---

如果計划金額需要任意更改而不是從一些預先創建的計划中選擇，那么在這種情況下，在 plan_id 旁邊可以指定一個plan object 來覆蓋它的值。 這記錄在創建訂閱 API 操作中。