打字稿类型：具有静态/固定键和动态键的对象

Question

How do I create a typescript type for an object, where I can have a fixed set and dynamic set of keys? For example:

export type APIOMethods = 'getA' | 'getB' | 'getC';

export type item = {
  divId: string;
  role: string;
  [key: K in APIMethods]?: any;
};
// Not working ↑↑↑ 🔴

export type item = {
  divId: string;
  role: string;
  [key: APIMethods]: any;
};
// Not working ↑↑↑ 🔴

// the object could look like this:
{divId: '', role: '', getA: {}} OR 
{divId: '', role: '', getB: {}} OR 
{divId: '', role: '', getC: {}}

• Typescript Playground Link here

Answer 1

Solution: using a mapped object type :

export type item = {
  [key in APIMethods]?: any;
} & {
  divId: string;
  role: string;
};

After fiddling around with the code more inside of Visual Studio Code , the editor ended up making a suggestion to use a mapped object type when I had type this earlier

export type item = {
  divId: string;
  role: string;
  [key: APIMethods]: any; 
  ^🔴 An index signature parameter type cannot be a literal type or generic type. Consider using a mapped object type instead.ts(1337)

};