0
450
Visualizações¿Cómo eliminar el objeto anidado por Id de Formik?
Estoy tratando de eliminar un elemento de vuelo completo de una matriz anidada. He intentado setFieldvalue. Cada vez que encuentro una identificación específica, me gustaría eliminar todo el elemento de Formik. Por alguna razón, Internet tiene pocas soluciones, incluso en SO.
console.log("Formik", formik.values.flightsById); for (let item in formik.values.flightsById){ if(item === 'EF_700001132'){ console.log("it's here: ", item) // React.useEffect(() => () => formik.setFieldValue(item, undefined), []) //formik.values.flightsById.remove } } console.log("Formik after del: ", formik.values.flightsById); Resultados de Console.log(): 
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Algunos comentarios:
- Se refirió a
flightsByIdcomo una "matriz anidada", pero a juzgar por su captura de pantalla es un objeto - Tienes la idea correcta usando
setFieldValue()para actualizarflightsById, buen trabajo 😉 - Colocar un useEffect dentro de una declaración
ifdesencadenará un error porque rompe las reglas de los ganchos - Si desea eliminar por completo la clave
EF_700001132de losflightsById, deberá clonarflightsByIdexcepto esa clave y luego pasarla asetFieldValue(). Usé el operador rest (...otherFlights) para copiarlo sin la clave, pero hay muchos otros métodos detallados en otros subprocesos de SO.
Aquí hay un ejemplo de cómo eliminar un solo vuelo cuando se hace clic en un botón:
<button type="button" onClick={() => { const { EF_700001132, ...otherFlights } = formik.values.flightsById; formik.setFieldValue("flightsById", otherFlights); }} > Delete Flight EF_700001132 </button>
·
Juan Pablo Isaza
Relatório
Responde à pergunta