tengo una enumeracion
export enum AudioActionTypes { UpdateMusicData = 'UPDATE_MUSIC_DATA', UpdateVoiceData = 'UPDATE_VOICE_DATA', UpdateSoundData = 'UPDATE_SOUND_DATA', }Y una función que envía un evento para actualizar el contexto global.
const onVolumeChange = (value: number, audioActionType: AudioActionTypes[keyof typeof AudioActionTypes]) => { audioDispatch({ type: audioActionType, payload: { volume: value / 100 }, }); }; Quiero hacer que TypeScript entienda que estoy pasando solo AudioActionTypes. Si configuro el tipo de audioType para que sea la enumeración en sí ( AudioActionTypes ) ( audioActionType: AudioActionTypes ) mecanografiado se queja y arroja este error.
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 tiene este tipo.
type AudioActions = { type: AudioActionTypes.UpdateMusicData; payload: IMusicSettings; } | { type: AudioActionTypes.UpdateVoiceData; payload: IVoiceSettings; } | { type: AudioActionTypes.UpdateSoundData; payload: ISoundSettings; } const audioDispatch: React.Dispatch<AudioActions>;¿Cómo debo administrar los tipos para el parámetro audioActionType para poder llamar a la función con este argumento y no tener ningún tipo de error?
onVolumeChange(4, AudioActionTypes.UpdateVoiceData);
Simplemente puede usar AudioActionTypes como un tipo para su parámetro.
const onVolumeChange = (value: number, audioActionType: AudioActionTypes) => { }