如何在 promise 在不使用 async/await 的情况下解决后，如何使用 Immer.js 对草稿 object 进行编辑

Question

我正在尝试对来自 Immer 的 object 草案进行编辑，这取决于 promise 解析。 我了解如何使用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

只需返回一个 promise 用于produce回调 function：

在线版本

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);