简体   繁体   English

如何在 function 中使用 generics 获得嵌套接口值?

[英]how do I get nested interface value with generics inside a function?

I have a Typescript interface:我有一个 Typescript 接口:

export interface AwesomeInterface {
  hooks?: {
    beforeCreate?: AwesomeFunction1;
    beforeUpdate?: AwesomeFunction2;
  };
}

Now I want to write a function that takes one of beforeCreate or beforeUpdate as a string and returns a function that will be of type AwesomeFunction1 or AwesomeFunction2 based on what the input was.现在我想编写一个 function ,它将beforeCreatebeforeUpdate作为字符串并返回一个 function 根据输入的类型将是AwesomeFunction1AwesomeFunction2

export const getFieldTypesHook = <T extends keyof NonNullable<FieldTypeConfig['hooks']>>(
  name: T,
): FieldTypeConfig['hooks'][T] => {
  ...
};

However, I get an error saying但是,我收到一条错误消息

Type 'T' cannot be used to index type '{ beforeCreate?: AwesomeFunction1 | undefined; beforeUpdate?: AwesomeFucntion2 | undefined }`

How do I make this happen?我该如何做到这一点?

export interface AwesomeInterface {
    hooks: {
        beforeCreate: string;
        beforeUpdate: number;
    };
}

const hooks: AwesomeInterface = {
    hooks: {
        beforeCreate: '5',
        beforeUpdate: 5
    }
}

export const getFieldTypesHook = <T extends keyof AwesomeInterface['hooks']>(
    name: T,
): AwesomeInterface['hooks'][T] => {
    return hooks.hooks[name];
};

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM