如何使用枚舉值作為類型

Question

我有一個枚舉

export enum AudioActionTypes {
  UpdateMusicData = 'UPDATE_MUSIC_DATA',
  UpdateVoiceData = 'UPDATE_VOICE_DATA',
  UpdateSoundData = 'UPDATE_SOUND_DATA',
}

以及一個正在調度事件以更新全局上下文的函數。

  const onVolumeChange = (value: number, audioActionType: AudioActionTypes[keyof typeof AudioActionTypes]) => {
    audioDispatch({
      type: audioActionType,
      payload: { volume: value / 100 },
    });
  };

我想讓打字稿明白我只傳遞了 AudioActionTypes。 如果我將audioType的類型設置為枚舉本身（ AudioActionTypes ）（ audioActionType: AudioActionTypes ），打字稿會抱怨並拋出此錯誤。

Argument of type '{ type: AudioActionTypes; payload: { volume: number; }; }' is not assignable to parameter of type 'AudioActions'.
  Type '{ type: AudioActionTypes; payload: { volume: number; }; }' is not assignable to type '{ type: AudioActionTypes.UpdateSoundData; payload: ISoundSettings; }'.
    Types of property 'type' are incompatible.
      Type 'AudioActionTypes' is not assignable to type 'AudioActionTypes.UpdateSoundData'.

audioDispatch有這種類型。

type AudioActions = {
  type: AudioActionTypes.UpdateMusicData;
  payload: IMusicSettings;
} | {
  type: AudioActionTypes.UpdateVoiceData;
  payload: IVoiceSettings;
} | {
  type: AudioActionTypes.UpdateSoundData;
  payload: ISoundSettings;
}
const audioDispatch: React.Dispatch<AudioActions>;

我應該如何管理 audioActionType 參數的類型，以便我可以使用此參數調用函數並且沒有任何類型錯誤？

onVolumeChange(4, AudioActionTypes.UpdateVoiceData);

Answer 1

您可以只使用AudioActionTypes作為參數的類型。

const onVolumeChange = (value: number, audioActionType: AudioActionTypes) => { }