如何创建带有可观测值和计算量的mobx类的深度副本？

Question

我想要创建一个具有mobx可观测和计算属性的对象的深度副本。

目标是创建可提交或丢弃的用于本地编辑的复制项。

我已经找到了这种行为的一个例子，但是它来自mobx状态树：

​

​

我如何在mobx中实现同样的行为？

Answer 1

您可以使用来自createViewModel包的mobx-utils。

示例

class Todo {
  @observable firstName = "Foo";
  @observable lastName = "Bar";
  @computed get fullName() {
    return `${this.firstName} ${this.lastName}`;
  }
}

const todo = new Todo();
const todoCopy = createViewModel(todo);

todoCopy.firstName = "Baz";

// ...

// Submit the changes to the original todo
todoCopy.submit();