如何在状态机每个状态的entry中执行同一动作？避免重复代码

方法1：利用XState的状态继承（推荐） #

XState原生支持状态继承，你可以先定义一个包含目标entry动作的基础状态模板，让所有业务状态直接继承它，避免重复编写：

// 定义通用基础状态，包含要全局执行的entry动作
const baseState = {
  entry: ["myAction"]
};

const promiseMachine = createMachine({
  id: "promise",
  initial: "pending",
  states: {
    pending: {
      extends: baseState
      // 这里可以添加当前状态独有的配置，比如事件跳转、exit动作等
    },
    resolved: {
      extends: baseState
    },
    rejected: {
      extends: baseState
    }
    // 新增的状态只需要一行extends配置即可
  }
});

如果某个状态需要额外的entry动作，直接在该状态里定义即可，XState会自动合并entry数组：

rejected: {
  extends: baseState,
  entry: ["handleRejection"] // 最终执行顺序是myAction → handleRejection
}

方法2：用工具函数批量注入动作 #

如果场景不适合状态继承，写个简单的工具函数就能批量给所有状态添加entry动作，不用手动逐个修改：

// 工具函数：遍历状态对象，自动注入全局entry动作
const injectGlobalEntry = (states, action) => {
  return Object.fromEntries(
    Object.entries(states).map(([key, config]) => {
      // 合并原有entry和全局动作，避免覆盖原有配置
      const mergedEntry = [...(config.entry || []), action];
      return [key, {...config, entry: mergedEntry}];
    })
  );
};

// 先定义不带全局entry的原始状态
const rawStates = {
  pending: {},
  resolved: {},
  rejected: {}
  // 其他10+个状态...
};

const promiseMachine = createMachine({
  id: "promise",
  initial: "pending",
  states: injectGlobalEntry(rawStates, "myAction")
});

方法3：TypeScript项目的强类型复用（可选） #

如果用TypeScript，可以通过类型约束确保每个状态都包含指定的entry动作，同时减少重复代码：

// 定义基础状态类型，强制包含目标entry动作
type BaseState = {
  entry: ["myAction"];
};

const promiseMachine = createMachine({
  id: "promise",
  initial: "pending",
  states: {
    pending: {} as BaseState,
    resolved: {} as BaseState,
    rejected: {} as BaseState
  }
});

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