0
211
ViewsError de clave de Formik al usar el componente FieldArray
Estoy usando el componente de selección en formik para mostrar múltiples campos, pero hay un error clave.
Mi fragmento de código: https://codesandbox.io/s/loving-shirley-r0jlh?file=/src/income-info.jsx
Pasos para reproducir:
- Intente seleccionar algún valor y haga clic en el botón "agregar"
- Seleccione algún valor en el siguiente
- Haga clic en el botón "eliminar" en el primer elemento y cambie el valor de selección en el elemento restante
- En este paso, puede ver el nuevo elemento agregado (este es un comportamiento inesperado) y los errores en la consola
·
Juan Pablo Isaza
1 answers
Answer question0
El problema es con la propiedad key . Pasas la id como propiedad key . por lo tanto, cada vez que elimine el elemento, el nuevo elemento le dará la misma clave.
Debe pasar una clave única a cada niño (elemento) en la función de map .
Como solución, puede usar el paquete uuid .
Luego impórtelo al componente y utilícelo como propiedad key :
import { v4 as uuidv4 } from 'uuid'; // rest of the codes ... return ( <div key={uuidv4()}> // rest of the codes ... 
·
Juan Pablo Isaza
Report
Answer question