获取数据的 Loading 使用 easy peasy 应该怎么做 about epee-react-admin

[luffyZh]

我看你用的 react-use 的 useAsyncFn，如果不用这个的话，有啥思路之类的

[dobble11]

其实thunk就是返回promise的函数，useAsyncFn也是接收一个返回promise函数（其实你可以直接将thunk函数作为参数），封装了请求状态变化的Hook，思路和useAsyncFn实现一样

[dobble11]

请求做全局拦截，统一处理错误响应情况，提示错误信息，并抛出异常，这样保证你的请求代码只用处理正确情况，也没改变原本流程

[dobble11]

loading状态更多不推荐提取到状态库里，简单实现，具体应该还要有error状态

export const tableListModel: TableListModel = {
  loading: false,
  setLoading: action((state, payload) => {
    state.loading = payload;
  }),
  fetchServiceList: thunk(async (actions, payload, { getState }) => {
    const { page, pageSize, ...otherFilter } = getState().filter;
    actions.setLoading(true);

    try {
      const res = await getServiceList(otherFilter, { page, pageSize });
      actions.setData(res.data);
    } finally {
      actions.setLoading(false);
    }
  }),
};

[luffyZh]

哦哦，了解了，很好的思路。感觉这个状态管理挺不错的，谢谢🙏