如何在不使用 async/await 的情况下使用 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

只是 return 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);

如何在不使用 async/await 的情况下使用 Immer.js 对草稿对象执行编辑

How to perform edits to a draft object using Immer.js after promise has resolved without using async/await

javascript

async-await

es6-promise

immer.js