Estoy tratando de mover elementos de una matriz a otra (columnsOut a columnIn), pero al final no se han transferido todos los valores (generalmente 2 de 5 elementos), por lo que parece algo relacionado con el estado asíncrono de reaccionar y todavía no sé cómo hacer frente a eso. ¿Alguien puede darme direcciones?
columnsOut: [1, 2, 3, 4, 5] columnsIn: [] function handleRemoveAllFilters(event) { columnsOut.forEach((col) => ( setColumnsIn(columnsIn.concat(col)) )); setColumnsOut([]); }Después de ejecutar la función:
columnsOut: [] columnsIn: [4, 5]La respuesta dada por @Marian aquí también se ha editado para que coincida con algo similar a lo siguiente:
function handleRemoveAllFilters(event) { setColumnsIn(prev => ([...prev, ...columnsOut])); // above will retain existing elements in columnsIn array // below will discard // setColumnsIn([...columnsOut]); setColumnsOut([]); };Cambie de establecer el valor de setColumnsIn a obtener una devolución de llamada que reciba el estado previousState como argumento.
function handleRemoveAllFilters(event) { columnsOut.forEach((col) => ( setColumnsIn((prevColumnsIn) => [...prevColumnsIn, col]) )); setColumnsOut([]); }