Tengo un objeto con dos matrices que contienen correos electrónicos y números alternativos. Estoy tratando de eliminar elementos de la matriz y establecer la nueva matriz en el lugar de los anteriores.
const handleDelteMail = (evt) => { let tempData: any = []; tempData = JSON.parse(JSON.stringify(userData.emailAlt)); let filtered = tempData.filter((mail) => mail._id !== evt.currentTarget.value); console.log(filtered); setUserData({ ...userData, [userData.emailAlt]: filtered }); };filtered contiene la nueva matriz correcta que quiero poner en userData, pero no tuve suerte.
así es como se ve mi objeto userData:
const initialValues = { dateCreated: Date.now(), firstName: "", lastName: "", countryCode: "", numberPrime: "", numberAlt: [], companyName: "", consultant: "", industry: "", whatsapp: false, acceptTerms: false, emailPrime: "", emailAlt: [], skype: "", userType: "", agent: "", comment: "", };No sé lo que me estoy perdiendo o haciendo mal. Por favor ayuda.
El filter ya devuelve una nueva matriz, por lo que no necesita hacer una copia de userData.emailAlt , solo itere sobre ella.
Cuide su ortografía ( handleDelteMail probablemente debería ser handleDeleteMail ).
Puede reconstruir el nuevo objeto asignando la nueva matriz a emailAlt .
function handleDeleteMail(evt) { const { value } = evt.target; const filtered = userData.emailAt.filter(mail => { return mail._id !== value); }); setUserData({ ...userData, emailAlt: filtered }); }Puede usar la función get en el módulo lodash
Prueba este:
const _ = require('lodash'); // install `lodash` first const { value } = evt.currentTarget; const filtered = userData.emailAt.filter(mail => { return mail._id !== value); }); _.set(userData, 'emailAtl', filtered)