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.