如何在Redux Toolkit中查看state变量？断点处state显示Proxy如何解决？

你遇到的Proxy对象通常是Immer库生成的状态代理，Redux Toolkit等框架默认会用它来简化reducer的不可变更新逻辑，可通过以下方式查看实际内容：

• 无需修改代码的临时调试方案：Chrome等浏览器DevTools断点暂停时，在控制台展开Proxy对象，找到内置的[[Target]]属性，内部就是state的原始真实内容。
• 代码内打印/调用方案：
  • 通用适配：使用JSON.parse(JSON.stringify(state))序列化后得到普通JS对象，仅需注意state内不能包含循环引用、函数、Symbol等无法被JSON序列化的内容。
  • 官方推荐方案（适配Immer场景）：从immer包导入current方法，调用current(state)即可直接返回原始普通对象，支持包含循环引用、非序列化值的场景，适配绝大多数开发需求。
• Redux场景快捷方案：打开Redux DevTools，找到对应action触发的状态快照，可直接查看结构化的完整state内容，无需打断点调试。

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