Hola a todos, tengo el siguiente código.
Es un formulario simple que encontré en Internet, después de todos los pasos, cuando envío el formulario en la consola, puedo ver los siguientes datos:
{ "firstName": "asas", "lastName": "wdw", "address1": "asasas", "city": "1", "zipcode": "11111", "country": "222", "useAddressForPaymentDetails": false, "nameOnCard": "AAA", "cardNumber": "111123456", "expiryDate": "2027-09-26T08:51:30.737Z", "cvv": "123", }
Pero quiero transferirlo en un objeto anidado como se ve a continuación. Quiero crear un objeto de payment
para el paso de pago
{ "firstName": "asas", "lastName": "wdw", "address1": "asasas", "city": "1", "zipcode": "11111", "country": "222", "useAddressForPaymentDetails": false, payment:{ "nameOnCard": "AAA", "cardNumber": "111123456", "expiryDate": "2027-09-26T08:51:30.737Z", "cvv": "123", }, }
Ya cambio algunas cosas en el proyecto para obtener ese resultado:
valores iniciales:
const { formField: { firstName, lastName, address1, city, zipcode, country, useAddressForPaymentDetails, payment, } } = checkoutFormModel; export default { [firstName.name]: "", [lastName.name]: "", [address1.name]: "", [payment.nameOnCard.name]: "", [payment.cardNumber.name]: "", [payment.expiryDate.name]: "", [payment.cvv.name]: "" };
modelo de pago:
export default { formId: "checkoutForm", formField: { payment: { nameOnCard: { name: "nameOnCard", label: "Name on card*", }, cardNumber: { name: "cardNumber", label: "Card number*", } ... }
Pero no funciona... Por favor, ayúdenme a arreglar eso en el código... Lo siento, solo puedo dar un enlace a ese código.