Как связать два типа данных в typescript?

Question

[luxurypluxury]

У меня есть пропсы premium и imageUrl, но нужно сделать так чтобы imageUrl можно было передать только когда premium = true.
Можно ли как-то в типах это сделать?

type TeamCardProps = {
    premium: boolean,
    imageUrl: string
}

Answer 1

[Lynn «Кофеман»]

Например так:

type TeamCardProps = {
    premium: false
} | {
    premium: true,
    imageUrl: string
}

Comments

[luxurypluxury]

пишет что тип imageUrl отсутствует в TeamCardProps

[Lynn «Кофеман»]

luxurypluxury, ну так это ж ровно твое желание «нужно сделать так чтобы imageUrl можно было передать только когда premium = true»

В TeamCardProps premium может быть любым, так что TS не может гарантировать наличие imageUrl.

[luxurypluxury]

Lynn «Кофеман», как это правильно и лучше можно сделать?

[Lynn «Кофеман»]

luxurypluxury, ну для начала определится чего же вы хотите.

Чем вас не устраивает исходный тип?

[Aetae]

luxurypluxury, правильно теперь делать проверку перед использованием:

if(props.premium) {
  props.imageUrl // ok
}