React Native+TS中useReducer结合useContext状态未更新问题

Context不更新的核心原因是你在AuthProvider中向Context传递的状态是写死的初始静态值，没有绑定useReducer返回的响应式状态，导致无论reducer如何计算返回新状态，Context对外暴露的值永远是初始化时的authInit，消费端自然拿不到更新，也不会触发重渲染。

错误出在AuthContext.tsx的Provider value配置段：

<AuthContext.Provider
  value={{
    authState: authInit, // 错误点：这里始终传入静态的初始值，和reducer返回的最新状态完全没有关联
    signIn,
  }}>
  {children}
</AuthContext.Provider>

将value中传入的authInit替换为useReducer hook返回的authState状态变量即可，修改后的Provider代码如下：

return (
  <AuthContext.Provider
    value={{
      authState, // 绑定useReducer返回的响应式状态，状态变化时Context会自动通知所有消费组件
      signIn,
    }}>
    {children}
  </AuthContext.Provider>
);

额外说明 #

• 你在authReducer的signIn分支中，return newstate之后写的break是永远不会执行的冗余代码，可以直接删除，不影响功能但能保持代码整洁。
• 关于你提到的AppState包装层：它不是语法强制要求的，作用是集中管理所有全局Context的嵌套逻辑，避免根组件里堆叠多层Provider，后续如果新增主题、用户配置等全局Context，直接在这个包装层里嵌套即可，维护性更高。

修改完成后重新加载应用，点击signIn按钮触发dispatch后，再点console按钮，就能正确打印出更新后的状态值，深层组件也会跟随状态变化自动重渲染。

内容的提问来源于stack exchange，提问作者Marco Di Loreto