Estoy usando React y Redux. Cuando mi props.employees cambia por primera vez, useEffect ejecuta y actualiza mi teamsArr al valor de props.employees.
Pero mi deseo es agregar la matriz props.employees a la matriz teamsArr que ya debería estar llena con los valores anteriores de la matriz props.employees.
Pero en cambio, cada vez que cambio el valor de props.employees, mi variable teamsArr inicialmente está vacía y luego cambia el valor únicamente al valor actual de props.employees.
He estado luchando para descubrir cómo resolver esto, por lo que cualquier ayuda sería muy bienvenida.
const Employees = (props) => { const [teamsArr, setTeamsArr] = useState([]) useEffect(() => { const updatedTeamsArr = [...teamsArr, props.employees] setTeamsArr(updatedTeamsArr) } ,[props.employees])Puede aprovechar la posibilidad de pasar una función a setTeamsArr
useEffect(() => { setTeamsArr(prev => [...prev, ...props.employees]) } ,[props.employees])pero en este caso, cada vez que prop.employees cambie, se agregará pero los valores antiguos no se eliminarán.