reactjs - 如何在 immer 回调中调试/记录有用的信息？

Question

我正在使用 immer在 react 应用程序中处理状态更改。假设状态没有像我预期的那样改变，所以我想调试它，但是 console.log和 debugger给出 Proxy不包含任何有用信息的对象，例如当时是什么状态。

获取新状态的示例代码:

return immer(state, draftState => {
    // Some mutations here, didn't go as expected
    console.log(draftState.blah) // Gives 'Proxy' object
    debugger // Same deal
  })

如何调试我的代码？

Answer 1

Immer 7+ 有 current()以此目的。所以，你可以这样做:

import { current } from 'immer';

console.log(current(draft));

官方 documentation和 test