Typeof steps === 'number' ? ( <BasicStepper currentStep={currentStep} direction={direction}

Question

Typeof steps === 'number' ? ( <BasicStepper currentStep={currentStep} direction={direction}

stepsAmount={steps} />
) : (
<ExtendedStepper
currentStep={currentStep}
direction={direction}
steps={steps}
/>
);

Ребят, есть вот такая конструкция, где steps: number | StepType[].
Хочу сделать утилитку isTypeOf для простых типов, чтобы потом можно было делать isTypeOf(steps, 'number') и все в том же духе вместе со строчками, нуллами и тд.
Но если вынести все это в следующую функцию:

export const isTypeOf = (value: any, type: string): boolean => typeof value === type;

То тс начинает ругаться, что steps, что прокидывается в базовый степпер != number, соответственно функция не воспринимается тайпскриптом нужным мне образом.
Возможно у кого-то есть идеи, или кто-то делал подобное?

#programming #russian #typescript

0

22.10.2021

4 ответов

15 просмотров

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

Sergey Vakhramov
Зачем тебе делать ненужную обёртку? Для понимания...

Потому что все время писать typeof я желанием не горю

0

22.10.2021

German

типа такого? https://www.typescriptlang.org/play?#code/C4TwDgpgBAKuEHkBmdIGcoF4oG8BQUhUAdgK4C2ARhAE4BcJF1NANAUWsDQJbEDmDTj35siUSgHsJAGwgBDYg0kz5xUUVLEAJhCS8IWhpp17iB9YTQgqMwdcnSLUCZQBWEAMbAGL916dIml7cEopQAGJBwCHEeAC+ANx4eB6hnFDcaKiISFhQADwAalAQAB7AENoY2cjZaADaMAC6LLAl5ZVaGADWECASuTUo8GgAfAAUAG5y0qQQRsTdxBIA7mpQoJAMMACUDNOz0JlQxZijG-ADUAdzWJjYmxBJeLLAjOQINADKXLwC78woAAfKBCP7PbhIcZQACycmAAAsAHQ0BRaCTkcY7KDnAAMSIArFBsfgxGQPt9fvw8gBGABMAGZ4iVpGhoKSiOTPj9hHw8gByekM-nxZKQ6GZIbjLmU3mtfnk5j87Ek9iEGU8v7xIA

0

22.10.2021

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

German
типа такого? https://www.typescriptlang.org/play?#...

Пасиб, щас попробую:)

0

22.10.2021

Sergey Vakhramov · Accepted Answer

Sergey Vakhramov

Зачем тебе делать ненужную обёртку? Для понимания темы тебе помогут: 1. Узнать, как работает typeof в JS и в TS 2. Generic Types 3. Type Guards 4. Типы данных в JS

0

22.10.2021

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

Typeof steps === 'number' ? ( <BasicStepper currentStep={currentStep} direction={direction}

4 ответов

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