Set type for nested object in react using typescript

Question

Interface Button{
buttonTitle: {
    addAdmin?: string;
  confirmAdmin?: string;
  }
}

How I can define type for buttonTitle?

codeth · Accepted Answer · 2021-01-18 23:21:33Z

1

Your question does not have anything to do with React. It's a TypeScript question.

Just define another interface (or type if that's your preference) and use it:

interface ButtonTitle {
  addAdmin?: string;
  confirmAdmin?: string;
}

interface Button {
  buttonTitle: ButtonTitle;
}

answered Jan 18, 2021 at 23:21

codeth

5673 silver badges7 bronze badges

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

Comments

Wajeeh Aslam · Accepted Answer · 2021-01-18 07:12:30Z

0

You can use enum type for this.

enum ButtonTitle {
  addAdmin = "ADDADMIN",
  confirmAdmin = "CONFIRMADMIN",
}

Interface Button {
  buttonTitle: ButtonTitle
}

You can read more about enums here

answered Jan 18, 2021 at 6:36

Wajeeh Aslam

1141 silver badge8 bronze badges