React setState无法更新state对象问题求助

你的问题核心是闭包导致的state捕获旧值，直接修改updateAuth的实现即可解决，同时给你梳理下原因和其他排查点：

一、直接修复代码 #

把updateAuth改成函数式更新的写法，和updateUrl保持一致：

const updateAuth = () => {
    console.log("Hello, world!")
    // 使用函数式更新，获取最新的prevUser状态
    setUser(prevUser => ({ ...prevUser, auth: !prevUser.auth }));
}

二、原因分析 #

你原来的updateAuth写法是直接引用当前作用域的user变量：

setUser({ ...user, auth: !user.auth });

这种写法依赖闭包特性，函数创建时会捕获当时的user值。如果这个函数在组件某次渲染后被保存（比如子组件缓存了该函数），后续调用时，函数里的user还是旧的引用，导致更新基于旧状态，看起来就像setState没生效。

而函数式更新的方式，React会自动把当前最新的state作为参数传入回调函数，确保每次更新都基于最新状态，彻底避免闭包带来的旧值问题。

三、其他排查点 #

1. 确认Context的使用范围：检查是否存在多个AuthProvider嵌套，导致子组件获取到的是错误的Context实例（你的App.tsx里只在根层包了一个，这个问题可能性低，但可以确认）。
2. 检查组件是否监听state变化：确保使用user状态的组件，是直接从Context中获取user，没有在组件内部维护独立的副本导致不同步。
3. 避免不必要的函数缓存：如果后续给updateAuth加了useCallback，一定要把user加入依赖数组，或者直接用函数式更新（不需要依赖user）。

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