Tengo un enlace personalizado básico en el que estoy cambiando un estado dentro de useEffect pero el estado no está cambiando
A continuación, el componente Usuarios está llamando al gancho personalizado y pasando elementos prop
const Users = (props) => {
const [users] = usePivot(props.items)
}
gancho personalizado usePivot
const usePivot = (propItems) => {
const [users, setUsers] = useState([]);
useEffect(() => {
// this is printing in whenever propItems changes
console.log("propItems in useUserPivot: ", propItems);
// this is not setting
setUsers(propItems);
}, [propItems]);
useEffect(() => {
// this is not printing in console
console.log("users: ", users);
}, [users]);
return [
users
];
}
el valor de los usuarios es siempre [], nunca cambia.
el estado de users se estaba configurando nuevamente en otra función con una lista ordenada, que se llama en useEffect . Comenté esa llamada de función y luego el problema se resolvió. No estoy seguro de por qué este problema vendría debido a eso.
Usé tu mismo código aquí y todo está bien.
asegúrese de pasar elementos como accesorios a su componente de usuarios basado en su código
<Users items={[1,2,3]} />