javascript - MobX - 将所有商店可观察对象重置回初始状态？

Question

给定一个 MyQuestionStore店铺:

class MyQuestionStore {
  @observable asked = 'today';
  @observable answered = false;
  @observable question = {
    upvotes: 0,
    body: null,
    asker: null,
    askerPoints: null,
    askerBadges: null
  }
  // some more initial state observables...
  // some actions below...
}

const myQuestionStore = new MyQuestionStore();
export default myQuestionStore;

将所有 store observables 重置为其初始状态数据('today'/false/0/null/etc..)的正确方法是什么？

注意:像 MyQuestionStore.reset()例如，我认为这是一种很好的 MobX 方式，但我认为它不存在。我将不得不编写一个名为 reset 的操作并手动将每个 observable 重置为其初始状态。我认为这不是正确的方法，因为如果我添加更多 observables ，我必须手动将它们添加到 reset每次行动。

Answer 1

编辑:这是一个旧答案，在较新版本的 mobx 中不起作用。

如果您使用 reset()初始化对象，可以避免重复代码。这就是我的意思:

import { extendObservable } from "mobx";

class MyQuestionStore {
  constructor() {
    this.reset();
  }

  @action reset() {
    extendObservable(this, {
      asked: 'today',
      answered: false,
      question: {
        upvotes: 0,
        body: null,
        asker: null,
        askerPoints: null,
        askerBadges: null
      }
    });
  }
}