Блог

У меня есть type , который может принимать структуру из 3 интерфейсов, но при использовании свойства 2 из этих 3 интерфейсов я получаю сообщение об ошибке.

Действие должно иметь token свойство, когда оно принимает структуру IAuthSuccessAction интерфейса, и error свойство, когда оно принимает структуру IAuthFailAction интерфейса.

Что я пропустил?

После того, как я попытаюсь применить данное предложение от @Baka:

Удалите IBasicAction из AuthAction объединения и добавьте уникальные type поля в IAuthFailAction и IAuthSuccessAction (повторно используйте значения из actionTypes ) следующим образом:

 interface IAuthFailAction extends IBasicAction {
    type: 'fail';
    error: object;
}

interface IAuthSuccessAction extends IBasicAction {
    type: 'success';
    token: string;
}

type AuthAction = IAuthFailAction | IAuthSuccessAction;
 

Таким образом, вы получите различаемое объединение, и TS сможет определить, какое свойство доступно на основе type поля

Если actionTypes определено как буквальный объект, рассмотрите возможность использования const утверждения или переключитесь на enum . Также вам необходимо использовать typeof operator при ссылке на тип свойства вашего литерального объекта, например

 const actionTypes = {
  ACTION: 'ACTION',
} as const

interface ISomeAction {
  type: typeof actionTypes.ACTION
}

const action: ISomeAction = {
  type: 'ACTION'
}
 

Пример с enum :

 enum actionTypes {
  ACTION = 'ACTION'
}

interface ISomeAction {
  type: actionTypes.ACTION
}

const action: ISomeAction = {
  type: actionTypes.ACTION
}