const [user, setUser] = useState([]); useEffect(() => { fetch("https://reqres.in/api/users?page=2") .then((res) => res.json()) .then(setUser); return () => { console.log("CleanUp Code"); }; }, []);Cómo se establece automáticamente el Estado establecido con este método .then(setUser); --> Cómo se establece el estado con este método alguna explicación
.then está diseñado para que le pases una función. Cuando se resuelva la promesa, se llamará a su función y se pasará en el valor al que se resolvió la promesa.
Entonces, por ejemplo, puede crear una función completamente nueva, como (res) => res.json() , y pasar esa función para que se llame cuando se resuelva la promesa. O puede pasar una función que ya existe, como setUser . Y de nuevo, se llamará a esa función cuando se resuelva la promesa. Llamar setUser establece el estado.
const [user, setUser] = useState([]); useEffect(() => { fetch("https://reqres.in/api/users?page=2") .then((res) => setUser(res.data)) .catch(err=>res.json(message: err.message)); return () => { console.log("CleanUp Code"); }; }, []);const [user, setUser] = useState([]); useEffect(() => { fetch("https://reqres.in/api/users?page=2") .then((res) => res.json()) .then((res) => setUser(res.data)) .then(setUser); return () => { console.log("CleanUp Code"); };}, [])