Как правильно описать тип в typesctipt?

Question

[SHUPILOID]

Никак не могу понять, почему не получается деструктуризировать action параметр в reducer
Без деструктуризации все работает как надо, как только пытаюсь сразу лезут ошибки от тайпскрипта что такого свойства нету

Вот код с деструктуризацией


Вот код без

Comments

[Александр]

А где само описание типа? Проверил, такой код валиден (TS 4.1.2).

Пример

interface IAction {
    type: string
    post: any
}

const test1 = (action: IAction): void => {
    console.log(action.post);
};

const test2 = ({ type, post }: IAction): void => {
    console.log(post);
}

type TAction = {
    type: string;
    post: any;
}

const test3 = (action: TAction): void => {
    console.log(action.post);
};

const test4 = ({ type, post}: TAction): void => {
    console.log(post);
};

[SHUPILOID]

[G F]

SHUPILOID, https://redux-toolkit.js.org/ не совсем в тему, но вот это избавляет от той тонны бойлерплейта которую ты пишешь.

Answer 1

[Дмитрий Беляев]

Все дело в том, что тип profileActionsType - это discriminated union
Поле post присутствует лишь в одном из его подтипе, соответственно извлечение этого поля из полного типа - с точки зрения typescript - ошибка.
Проверка на конкретное значение поля type вполне сойдет за type guard, который ts поймет.

P.S. размещение кода картинками запрещено правилами сервиса

Comments

[SHUPILOID]

А можете подсказать пожалуйста, как это правильнее реализовать?

[Дмитрий Беляев]

SHUPILOID, не пользоваться деструктуризацией, проверять action.type

[SHUPILOID]

А как это возможн реализовать именно с помощью деструктуризации? Без нее все понятно.

[Дмитрий Беляев]

SHUPILOID, переменная type после деструктуризации из поля type никак не связана с action, и соответственно ts не понимает, что условия с этой переменной как-то конкретизируют тип action
Остальные поля в общем типе условны и не могут быть извлечены до уточнения, однако внутри конкретного case вполне можно сделать деструктуризацию