Zustand中API自动重取问题：addConsulting成功后调用fetchConsultingList报错

你遇到的问题是因为addConsulting函数的作用域内无法直接访问store对象上的fetchConsultingList方法——Zustand的store内部方法不能直接互相调用，需要通过特定方式获取。

方法一：使用Zustand的get函数 #

Zustand的create回调提供了第二个参数get，用于获取当前store的所有状态和方法。修改代码如下：

import { create } from "zustand";
import API from "../services/API";

const useConsultingStore = create((set, get) => ({
  consultingList: null,
  fetchConsultingList: async () => {
    const response = await API.TestES.getListConsulting();
    if (response.data.code === "0") {
        set({ consultingList: response.data.data });
    } else {
        set({ consultingList: null });
    }
  },
  addConsulting: async () => {
    const response = await API.TestES.addConsultingPackage();
    // 通过get()获取store的fetchConsultingList方法并调用
    await get().fetchConsultingList();
  }
}));
export default useConsultingStore;

注意要加上await，因为fetchConsultingList是异步函数，确保数据更新流程完成。

方法二：提取独立函数 #

把fetchConsultingList的逻辑提取成外部独立函数，这样在store的两个方法里都能直接调用，避免作用域问题：

import { create } from "zustand";
import API from "../services/API";

// 提取独立的fetch逻辑
const fetchConsultingList = async (set) => {
  const response = await API.TestES.getListConsulting();
  if (response.data.code === "0") {
      set({ consultingList: response.data.data });
  } else {
      set({ consultingList: null });
  }
};

const useConsultingStore = create((set) => ({
  consultingList: null,
  fetchConsultingList: () => fetchConsultingList(set),
  addConsulting: async () => {
    const response = await API.TestES.addConsultingPackage();
    await fetchConsultingList(set);
  }
}));
export default useConsultingStore;

这种方式让逻辑更解耦，也方便后续复用或单独测试。

内容的提问来源于stack exchange，提问作者lamhoangvu_217