如何基于Zustand状态库中已有状态初始化新状态值？

你遇到的get()返回undefined的问题，本质是初始化阶段仓库状态还未完成创建——此时你return的状态对象还在构建中，get()自然拿不到有效状态。以下是几种可行的解决方法：

方法一：预计算依赖状态值（最直接） #

先算出依赖的基础状态并存储为变量，再用这个变量直接推导其他状态，完全不需要调用get()：

type BearState = {
  whiteBears: number;
  brownBears: number;
};

const useBearStore = create<BearState>()((set, get) => {
  const initWhiteBears = () => 10;
  // 先预计算并存储基础状态值
  const whiteBearsValue = initWhiteBears();

  const initBrownBears = (whiteCount: number) => whiteCount * 2;

  return {
    whiteBears: whiteBearsValue,
    brownBears: initBrownBears(whiteBearsValue)
  };
});

方法二：分阶段用set()初始化 #

如果初始化逻辑复杂，可以先通过set()将基础状态存入仓库，此时get()就能获取到有效状态，再计算并设置派生状态：

type BearState = {
  whiteBears: number;
  brownBears: number;
};

const useBearStore = create<BearState>()((set, get) => {
  const initWhiteBears = () => {
    set({ whiteBears: 10 });
    return 10;
  };

  const initBrownBears = () => {
    const state = get();
    const brownCount = state.whiteBears * 2;
    set({ brownBears: brownCount });
    return brownCount;
  };

  // 先初始化基础状态
  initWhiteBears();
  // 再基于已存在的状态初始化派生值
  const brownBearsValue = initBrownBears();

  return {
    whiteBears: get().whiteBears,
    brownBears: brownBearsValue
  };
});

方法三：用Getter实现动态依赖（适用于需要联动更新的场景） #

如果希望派生状态始终跟随基础状态变化，可以用对象Getter的方式，这样每次访问派生状态时都会自动计算最新值：

type BearState = {
  whiteBears: number;
  brownBears: number;
};

const useBearStore = create<BearState>()((set, get) => {
  const initWhiteBears = () => 10;

  return {
    whiteBears: initWhiteBears(),
    // 用Getter实现动态计算
    get brownBears() {
      return this.whiteBears * 2;
    }
  };
});

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