Typescript - Interface of string values

Question

I have a property which can basically contain 4 possible strings.

At the moment I'm using a simple | however I need to reuse those types else where, however how do I create an interface for just those 4 values:

selectedState?: "" | "IN_PROGRESS" | "SUCCESS" | "ERROR"

I was hoping to do something like:

interface SelectedStates: "" | "IN_PROGRESS" | "SUCCESS" | "ERROR"

and then

selectedState?: SelectedStates

Any ideas appreciated.

pzaenger · Accepted Answer · 2020-04-17 08:32:06Z

2

You could use a type alias:

Type aliases create a new name for a type. Type aliases are sometimes similar to interfaces, but can name primitives, unions, tuples, and any other types that you’d otherwise have to write by hand.

Like:

export type SelectedStates = "" | "IN_PROGRESS" | "SUCCESS" | "ERROR";

// Elsewhere
selectedState?: SelectedStates;

edited Apr 17, 2020 at 8:32

answered Apr 17, 2020 at 8:30

pzaenger

12.1k3 gold badges48 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

userMod2 Over a year ago

Great, that was it. I just came across it :)

Collectives™ on Stack Overflow

Typescript - Interface of string values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related