Interface for enum with nested types

Question

I have an enum and i need to define interface for the state using the enum as a key and object as a value: How can I describe the enum a key type

export enum Language {
  CS,
  EN
}

const [userInput, setUserInput] = useState<IUserInput>({
    [Language.EN]: {
      title: '',
      price: '',
      additional_info: '',
      content: ''
    },

interface IUserInput {
    // ?
}

Did I understand correctly. You want IUserInput to contain properties with key's of type Language and values of Object? — Abaddon666
– Abaddon666, Commented Jun 14, 2019 at 9:40
yes, sorry I am new to ts so probably my terminology is a bit wrong — Igor Pavlenko
– Igor Pavlenko, Commented Jun 14, 2019 at 9:41

Titian Cernicova-Dragomir · Accepted Answer · 2019-06-14 09:47:22Z

1

You can either use the computed property syntax:

interface IUserInput {
    [Language.EN]: {
       title: string,
       price: string,
       additional_info: string,
       content: string
    },
}

Or if you want to map over all the keys in the enum you can use the Record mapped type

type IUserInput = Record<Language, {
    title: string,
    price: string,
    additional_info: string,
    content: string
}>

answered Jun 14, 2019 at 9:47

Titian Cernicova-Dragomir

253k37 gold badges466 silver badges396 bronze badges

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

Collectives™ on Stack Overflow

Interface for enum with nested types

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related