169 похожих чатов

Снова вернулся к своей задаче с TS (будь он проклят

😄), туплю.
Помогите выбраться, пожалуйста.

Как сделать так, чтобы тайпскрипт принимал только тип, четко соответствующий ОДНОМУ из значений в union типе, а не всем подряд?

Подробнее про задачу:
1) Есть продукты разных типов ProductType, каждый тип продукта имеет свой тип опций (ShirtOptions, например). Опции и продукт мапятся отдельным типом ProductOptionsMap
2) Есть корзины разных типов CartType: по одному для каждого типа продукта + (!!!) тип "all" (ProductType | "all") . В корзину можно складывать только продукты заданного типа (мапится отдельным типом CartProductMap)
3) Есть функция добавления в корзину, которая должна быть строго типизирована и ругаться, если мы в корзину "shirts" будем добавлять товар "pants". Ну или если мы в корзину "all" добавляем продукт, который имеет опции, несоответствующие ни одному из *Options типу

type CartProduct<T extends ProductType> = {
productType: T
uuid: string
options: ProductOptionsMap[T] // I want it to be exact mapped options to productType, but in case with "all" it is union of all ProductType's options
}

type Cart<T extends CartType> = CartProduct<CartProductMap[T]>[]

function addToCart<T extends CartType>(cart: T, product: CartProduct<CartProductMap[T]>) {
// add to cart of type T product with type that available for this cart
}

addToCart("shirt", {productType: "shirt", uuid: "123", options: {color: "red", width: 10}}) // OK
addToCart("pants", {productType: "pants", uuid: "123", options: {length: 20}}) // OK
addToCart("pants", {productType: "pants", uuid: "123", options: {color: "red"}}) // TS error here. Thats rigth.
addToCart("all", {productType: "pants", uuid: "123", options: {length: 20, color: "red", width: 10}}) // WHY no TS Error here???

Плейграунд:

https://www.typescriptlang.org/play?#code/C4TwDgpgBACgTgewCYFcDGwAq5oF4oBEAzgBYCWcwBUAPoWAIYB2wRBAUO6JFAMIOVsPfPGTosOWoQYAbGdQD0CqAibRu0AGYI4UCADcIcEFDCJUGKBqgBqKGgHAo23QEEAMu6s4iKzafNxIk5rAGVySgB5MGAyVV98AG92KHsEGR0ALigiYDgyJgBzFKgAdzIkYBJsphQAWwAjIyh2AF8QyRhmVmjY+KgkkpkIIqqa+qa4No6eUQtgXrimIgBZBjABqGTU4giqbPCKBZil4J3GFjZsrsvF+OmuSX5KOfE1jcHUgG0AaSgC2CBDBCCAAXWyfyUzh0hFIR2oZF8u3hABpoboCBdWAjWPRumw2lAAGRbEoEWTya5AiSQB7WZ7AV4YAA8mD0AA9gCMkL4mTSIAA+TbbAJiYE4bKYEooFAVbK5fJFEoIE7xKli459ZbvL6YUFQKEASTK3X+TmACCgTQ5DEsdXWkCQKlVyyslrMGpBaIaKCcAIcRGg5Sq0jkOP+vhQTCWfigFMBnpwAHJfCqtcF2o8eAzWRyuUweXxHCChfgGXzmeXqTq9QKvqDOJooxgYwwkEhMAgc2yIJzub4GSWABQOSiStEe+bZKsayuOPk10ECgCUpNSULbTot9kcsesbMn4jKZBD1iqDCcDH0DDIMgYDWG6Ks5F8o+AD03nYZQ+RlAIaMSQ9xUgbJfyoNEZTlQgAEYACYAGZ-2ddNskSNB0iyQg4AgJAkPKSpqigaCAAZWlaZd2E-LtHB-LE2AAoD+VAuikMgpBQLgxC0TTU5UOGUZCNg0jyMo9svxozF8SQwDqRBZipIg2V2JghCkJ4tUtnQjI4FA7DcLI1coUwUI9DgRBdBIIwIAAOigTASAvXx8kKKprNEjtqMoH8KWkxi5LxS5WKUjjVO4l0iD4kYXME4i0S0zCCD0vCKjGIjhMM5QAHUAAkAE0oCYS1jKgABRMyYUs7CAH4as4TggA

3 ответов

44 просмотра
Aleksey-Vilchik Автор вопроса

Задача упростилась до: как сделать так, чтобы TS ругался здесь, что объект не соответствует строго одному из типов? type ShirtOptions = { color: string width: number } type PantsOptions = { length: number } type allOptions = PantsOptions | ShirtOptions const expectTSErrorHere: allOptions = { // <<<< EXPECT ERROR HERE, because there is no exact such type color: "red", length: 20 }

Aleksey Vilchik
Задача упростилась до: как сделать так, чтобы TS р...

добавить в тип дискриминатор type ShirtOptions = { type: 'shirt' color: string width: number } type PantsOptions = { type: 'pants' length: number }

Aleksey-Vilchik Автор вопроса
Ivan Pirogov
добавить в тип дискриминатор type ShirtOptions = {...

Вау, спасибо большое! Побежал читать про дискриминаторы❤️

Похожие вопросы

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
объясните пожалуйста, почему функция не работает должным образом? вроде должно брать активное окно сравнивать его размер с размером экрана, и если есть совпадение = true прове...
JF
12
лучше скажите, причём тут паскаль?
Alexey Kulakov
36
> Копаем глубже > Следующий момент был, когда я спросил его, знает ли он JavaScript. Он ответил, что его учили работать с C#. Я тоже в университете писал на C#, но даже там мн...
Oleg Volkov
4
Гляньте, че бывает: Сегодня по одному проекту одной вебстудии делал проект небольшой, на их хостинге. На Modx revo. В определенный момент , работая в админке, вдруг перестал р...
Artem
5
И никого не интересует какие пакеты кто использует. ((% Заходишь на сайт симфони и видишь поддержку Украины - по законам РФ это ж экстремизм. Только никто не отказывается от с...
Am Ambrion
11
Чтобы перехватить все нажимания буков на форме, надо хук ставить? Пробовал на форме ОнКейДаун, оно ловит клаву если фокус не на компоненте с вводом текста
Serjone
15
Но, может, есть уже проверенная? Наши требования такие: 1. Сообщения должны приходить из Инста в CRM оду 2. Должна быть возможность подключить несколько экаунтов Инстаграм. Р...
Alexander Sharoiko MSE / Александр Шаройко
8
Народ! Впервые клиенту пришло письмо от РКН, у вас, дескать, есть яндекс метрика, а нигде не написано, что вы ее юзаете. Никто не сталкивался?
Sasha Beep
14
Карта сайта