如何在sessionStorage中保存Mobx状态

  • Z时代
  • 2024-01-10
  • 分类：问答

试图从根本上实现此https://github.com/elgerlambert/redux-

localstorage，它适用于Redux，但适用于Mobx。并且最好是想使用sessionStorage。有没有一种简单的方法可以以最少的样板实现这一目标？

回答：

解决此问题的最简单方法是，只要任何可观察的属性发生变化，就会触发mobx“自动运行”。为此，您可以按照我对这个问题的回答。

我将在此处放置一些示例代码，以帮助您入门：

function autoSave(store, save) {
  let firstRun = true;
  mobx.autorun(() => {
    // This code will run every time any observable property
    // on the store is updated.
    const json = JSON.stringify(mobx.toJS(store));
    if (!firstRun) {
      save(json);
    }
    firstRun = false;
  });
}
class MyStore {
  @mobx.observable prop1 = 999;
  @mobx.observable prop2 = [100, 200];
  constructor() {
    this.load();
    autoSave(this, this.save.bind(this));
  }
  load() {
    if (/* there is data in sessionStorage */) {
      const data = /* somehow get the data from sessionStorage or anywhere else */;
      mobx.extendObservable(this, data);
    }
  }
  save(json) {
    // Now you can do whatever you want with `json`.
    // e.g. save it to session storage.
    alert(json);
  }
}

以上是 如何在sessionStorage中保存Mobx状态 的全部内容， 来源链接： utcz.com/qa/399495.html

回到顶部