React中如何正确递增state对象内的days属性值？
2026-7-15
正确更新useState对象中days值的方法
你之前的写法无效有两个核心问题：
- 直接引用当前
days变量，没有利用setState回调里的prevState获取最新状态值 - 使用了
days++后置自增运算符，它会先返回当前值再执行自增，导致days实际没有更新到预期值
正确的实现方式是依赖prevState来获取最新的days数值，同时用+1的方式实现递增：
setLeap((prevState) => ({ ...prevState, days: prevState.days + 1 }))
说明：
prevState是React提供的当前状态快照，确保我们基于最新的状态进行更新，避免异步更新带来的状态不一致问题- 扩展运算符
...prevState用来保留原对象中的其他属性（比如这里的state），只修改需要更新的days字段 - 用
prevState.days + 1替代自增运算符，遵循React状态不可变的更新原则，不会直接修改原状态对象
内容的提问来源于stack exchange，提问作者Amine
相关产品推荐
相关产品推荐
