React useState设置布尔状态值出现取反异常的问题咨询

在使用Firebase Auth编写自定义注册React Hook时，出现状态更新结果与代码赋值完全相反的异常。
相关代码如下：

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 });

         // 此处赋值false，实际拿到true
         setIsFulfilled(false);

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

            // 此处赋值true，实际拿到false
            setIsFulfilled(true);
         }
      }
   };

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

异常表现：注册流程执行完成后，预期将isFulfilled设为true对外暴露，但控制台输出始终为false；即使在调用setIsFulfilled(true)后立刻检查状态值，结果也不符合预期。

两个核心问题共同导致了这个现象：

• 状态赋值逻辑完全写反
  try块对应注册成功的分支，此处代码写的是setIsFulfilled(false)；catch块对应注册失败的分支，此处代码写的是setIsFulfilled(true)，和「注册成功设为true」的预期逻辑完全相反，这是最终取值颠倒的直接原因。
• 对React状态更新的异步特性存在认知偏差
  React的状态更新是异步批处理机制，调用setState不会同步修改当前函数闭包里的状态变量——当前作用域内的状态值始终是本次组件渲染时生成的快照，只有等组件完成下一次重渲染，才能拿到更新后的状态值。因此在调用setIsFulfilled(true)之后立刻打印状态，拿到的永远是更新前的旧值，这个表现是React的正常机制，不是bug。

• 调换两个分支的isFulfilled赋值逻辑：注册成功的try块中执行setIsFulfilled(true)，注册失败的catch块中根据需求将其设为false即可。
• 不要在调用setState的当前函数作用域内立刻读取状态做校验，如需监听状态变化，可通过useEffect添加对应依赖项执行逻辑，或直接在组件渲染层读取Hook返回的状态值。
• 确认代码中用到的isCancelled标记在useEffect的清理函数中被正确赋值，避免组件卸载后执行状态更新触发警告。

内容的提问来源于stack exchange，提问作者foxsaysderp