javascript - Mobx 更新对象中的单个属性

Question

我在我的商店中创建了一个 observable 属性，如下

class Store {
  @observable values = { id: '', name: '' }
}

这个可观察对象在表单中使用，如何在表单提交后重置这些值？

Answer 1

您可以使用extendObservable并在您的类上实现一个 reset 方法:

const initValues = { id: '', name: '' };

class Store {
  @observable values = {};
  constructor() {
    extendObservable(this.values, initValues);
  }

  reset() {
    extendObservable(this.values, initValues);
  }
}