React JS - 在解决承诺后如何在 setState 中设置此数据

Question

  const [user, setUser] = useState([]);
  useEffect(() => {
    fetch("https://reqres.in/api/users?page=2")
      .then((res) => res.json())
      .then(setUser);
    return () => {
      console.log("CleanUp Code");
    };
  }, []);

如何使用此方法自动设置设置状态.then(setUser); --> 状态是如何用这个方法设置的任何解释

Answer 1

.then 旨在让您将函数传递给它。当承诺解决时，您的函数将被调用，并将传递承诺解决的值。

因此，例如，您可以创建一个全新的函数，例如 (res) => res.json()，并将该函数传入，以便在 promise 解析时调用。或者你可以传入一个已经存在的函数，比如setUser。同样，当承诺解决时，将调用该函数。调用 setUser 设置状态。

Answer 2

 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");
    };
  }, []);

Answer 3

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");
};}, [])

React JS - 在解决承诺后如何在 setState 中设置此数据

React JS - How this data is set in the setState after promise is resolved

javascript

setstate

reactjs