Necesito ayuda con mi proyecto Quiero agregar una opción dinámica al proceso de pago de PayPal. (cambie el valor para que sea dinámico)
la opción predeterminada es el valor: '0.01' y el pago dinámico en mi proyecto es cart.subtotal.formatted_with_symbol
Trato de agregar [const {cantidad} = cart.subtotal.formatted_with_symbol;] esta línea para intentar cambiar el valor a valor: cantidad pero esto no funciona para mí.
gracias por la ayuda
import React from 'react' import ReactDOM from "react-dom" import CartItem from './CartItem'; const PayPalButton = window.paypal.Buttons.driver("react", { React, ReactDOM }); // paypal payment buttons const createOrder = (data, actions) => { const {amount} = cart.subtotal.formatted_with_symbol; return actions.order.create({ purchase_units: [ { amount: { value: amount, }, }, ], }); } const onApprove = (data, actions) => { return actions.order.capture(); } onst FilledCart = () => ( <> <div> {cart.line_items.map((item) => ( <div key={item.id}> <CartItem item={item} handleUpdateCratQty={handleUpdateCratQty} handleRemoveFromCart={handleRemoveFromCart} /> </div> ))} </div> <div> <div> <button onClick={handleEmptyCart}>EmptyCart</button> </div> </div> </> );Todavía no entiendo su pregunta, pero si desea cambiar su valor, tal vez pueda intentar usar el gancho de reacción (useState), o tal vez pueda proporcionar lo que hay dentro del objeto cart.subtotal.formatted_with_symbol .
La documentación de react-paypal-js es bastante sencilla...
import { useEffect } from "react"; import { PayPalScriptProvider, PayPalButtons, usePayPalScriptReducer } from "@paypal/react-paypal-js"; // This values are the props in the UI const amount = "2"; const currency = "USD"; const style = {"layout":"vertical"}; // Custom component to wrap the PayPalButtons and handle currency changes const ButtonWrapper = ({ currency, showSpinner }) => { // usePayPalScriptReducer can be use only inside children of PayPalScriptProviders // This is the main reason to wrap the PayPalButtons in a new component const [{ options, isPending }, dispatch] = usePayPalScriptReducer(); useEffect(() => { dispatch({ type: "resetOptions", value: { ...options, currency: currency, }, }); }, [currency, showSpinner]);