Привет! Подскажите пожалуйста, у меня есть компонент который может быть

Question

Привет! Подскажите пожалуйста, у меня есть компонент который может быть

активным и у него разные пропы приходят в зависимости от этого.

Примерный код для референса:

interface GeneralProps {
title: string;
description: string;
status: never;
date: never;
active: never;
}
interface ActiveProps {
title: string;
status?: string;
date?: string;
active: true;
description: never;
}

type Props = GeneralProps | ActiveProps;

Правильно ли я типизирую для моего кейса? И главный вопрос, правильно ли здесь будет использовать тайпгард с проверкой на active (типа isActive = (props: Props) = props is ActiveProps) или есть какой то способ лучше?

#programming #russian #typescript

0

18.08.2023

5 ответов

6 просмотров

Isagi Автор вопроса

Daler Sattarov
Кажется, тут нужен discriminated union

спасибо, почитаю

0

10 месяцев назад

Isagi Автор вопроса

Daler Sattarov
Кажется, тут нужен discriminated union

мне кажется, мне не совсем подходит ну или может я что то не так делаю там (https://www.typescriptlang.org/docs/handbook/unions-and-intersections.html#discriminating-unions) всегда есть state, который чекается, а у меня active только в одном случае существует

0

10 месяцев назад

Isagi Автор вопроса

Isagi
мне кажется, мне не совсем подходит ну или может я...

я вот такой тайпгард сделал, но проблема в том, что у меня active существует только в ActiveProps, соответственно тс ругается, что active doesnt exist. Если я пишу (props as ActiveProps).active, то тс перестает ругаться, но в таком случае тс-еслинт уже пишет, что active === true и как бы зачем вообще проверка const isActive = (props: Props): props is ActiveProps => { return props.active !== undefined; };

0

10 месяцев назад

Лёша Рубцов

Isagi
я вот такой тайпгард сделал, но проблема в том, чт...

не ругается

0

10 месяцев назад

Daler Sattarov · Accepted Answer

Daler Sattarov

Кажется, тут нужен discriminated union

0

10 месяцев назад

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

Привет! Подскажите пожалуйста, у меня есть компонент который может быть

5 ответов

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