如何在sessionStorage中保存Mobx状态
试图从根本上实现此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