React 状态更新后组件不重新渲染？浅比较与不可变数据的坑

在 React 项目里改完状态却发现页面纹丝不动，是件很消耗耐心的事。尤其是用 useState 或 useReducer 管理一个对象或数组时，调用 setState 后控制台打印的值明明变了，但组件就是不重新渲染。常见原因倒不复杂：一是直接在原对象上修改属性或 push 元素，引用没变，React 的浅比较认为状态没变化；二是把状态对象放在 useRef 里或者闭包里读取了旧值，更新逻辑绕开了