保存和加载MobX存储到React原生AsyncStorage的最佳模式？

import { AsyncStorage } from 'react-native';
import { create } from 'mobx-persist';
import { observable, action } from 'mobx';

// 创建一个可观察的状态
class Store {
  @observable data = [];

  @action
  updateData(newData) {
    this.data = newData;
  }
}

// 创建一个持久化实例
const hydrate = create({
  storage: AsyncStorage,
  jsonify: true, // 将数据序列化为JSON格式
});

// 实例化Store
const store = new Store();

// 加载并恢复存储的数据
hydrate('store', store)
  .then(() => {
    // 数据加载完成后执行的操作
  })
  .catch((error) => {
    // 加载数据失败的处理
  });

// 保存数据到本地存储
const saveData = async () => {
  try {
    await AsyncStorage.setItem('store', JSON.stringify(store.data));
  } catch (error) {
    // 保存数据失败的处理
  }
};

// 在需要更新数据时调用保存方法
store.updateData(newData);
saveData();