ice icejs内置的icestore，页面刷新数据会丢失

icejs内置的icestore，页面刷新数据会丢失

Open chenbin92 opened this issue 4 years ago • 8 comments

关联 issue https://github.com/ice-lab/icejs/issues/279

icejs内置的icestore状态管理方案，可以实现不同组件间通信，但是刷新页面后，数据会丢失，可否实现数据持久化配置？

May 08 '20 13:05 chenbin92

Jun 14 '20 08:06 BestDI

如果自己硬幹的話，可以用 sessionStorage or localStorage 實做。

我自己的範例是這樣，可供參考，你可以針對你自己的情況選擇哪些資料要永久保存。

// models/user.ts
...
effects: (dispatch) => ({
  async authenticate({ nickname, password }: { nickname: string; password: string }) {
      const response = await userService.auth(nickname, password);
      const userData = response.data.data;

      sessionStorage.setItem('authUser', JSON.stringify(userData));
      dispatch.user.update(userData);
    },
    logout() {
      sessionStorage.removeItem('authUser');
      dispatch.user.update(DEFAULT_STATE);
    },
}),
...

// app.tsx
app: {
  getInitialData: async () => {
     const authSession = sessionStorage.getItem('authUser');

      if (authSession === null) {
        return {
          auth: {
            guest: true,
          },
        };
      }

      const authUser = JSON.parse(authSession);

      return {
        initialStates: {
          user: authUser,
        },
        auth: {
          ...authUser.roles,
          guest: authUser.status !== UserStatus.Active,
        },
      };
    },
  }
}

當然，如果 global state 自動在 icestore 能夠去設定 sessionStorage or localStorage 在寫入更新時自動同步更新這是更好了。（page state 是可以不用...)