React Usestate中的布尔人被铸成相反的价值

Question

在使用Firebase Auth时创建自己的注册挂钩时，我遇到了一个奇怪的问题。

export const useSignup = () => {
   const [error, setError] = useState(null);
   const [isPending, setIsPending] = useState(false);
   const [isFulfilled, setIsFulfilled] = useState(false);
   const { dispatch } = useAuthContext();

   const signup = async (email, password) => {
      setError(null);
      setIsPending(true);

      try {
         const res = await projectAuth.createUserWithEmailAndPassword(
            email,
            password
         );

         if (!res) {
            throw new Error('Sign up has failed, please try again.');
         }

         dispatch({ type: 'LOGIN', payload: res.user });

         // Will be casted as 'true', no idea why
         setIsFulfilled(false);

         if (!isCancelled) {
            setIsPending(false);
            setError(null);
         }
      } catch (err) {
         if (!isCancelled) {
            setError(err.message);
            setIsPending(false);

            // Will be casted as 'false', also no idea why
            setIsFulfilled(true);
         }
      }
   };

   return { signup, error, isPending, isFulfilled };
};

注册过程将完成后，我想将的状态设置为iSfulfill true，然后将其转发，但奇怪的是，在调试和将其记录到控制台时，它输出false ，即使我在调用setIsfulfill（true）后立即检查它。

什么干扰状态，因此输出相反的布尔值？

Answer 1

请记住，设置状态（即，使用streispending）时，这是一个异步的呼叫，因此，请不要期望它们在没有各自的等待的情况下行动同步。另外，也许使用使用在您的实现方面可能很有用