承诺解决后如何使用Immer.js对草案对象执行编辑而不使用异步/等待

Question

我试图从Immer中编辑一个草稿对象，它依赖于承诺解析。我理解如何使用async/await语法来实现这一点(见下文)。

import produce from 'immer';

Promise.resolve({ eggs: 0 }).then(
  produce(async (eggCounter) => { const n = (await 5); eggCounter.eggs += n; })
).then(console.log)

但是，当我试图将其转换为使用显式Promise API时，它不起作用：

import produce from 'immer';

Promise.resolve({ eggs: 0 }).then(
  produce((eggCounter) => { Promise.resolve(5).then((n) => eggCounter.eggs += n) })
).then(console.log)

上面的内容会产生错误Uncaught (in promise) TypeError: illegal operation attempted on a revoked proxy。

如何修改第二个示例，使其与第一个示例(充分)等效？

Answer 1

只需返回produce回调函数的承诺：

在线版本

Promise.resolve({ eggs: 0 }).then(
  produce((eggCounter) => Promise.resolve(5).then((n) => { eggCounter.eggs += n; }))
).then(console.log)

清晰版

Promise.resolve({ eggs: 0 }).then(
  produce((eggCounter) => {
    return Promise.resolve(5).then((n) => {
      eggCounter.eggs += n;
    });
  })
).then(console.log);