问题描述:
使用mobx作为状态管理工具,页面初始状态为:
点击刷新按钮,发现请求到的数据丢失了,如图:
这是因为刷新之后,store里的数据 @observable list = []被重置,变为空数组
解决方案:
在store.js文件中,在store构造函数中添加构造器函数,
import { makeAutoObservable, observable, configure, runInAction } from 'mobx';
class EnrollStore {
//添加构造器函数
constructor() {
makeAutoObservable(this);
}
@observable list = [];
setList =() => {
...
};
}