javascript - TypeScript：尝试访问枚举时没有带有“字符串”类型参数的索引签名

Question

当我尝试使用字符串Enum Localization变量访问内部的值时，出现此错误。locale

enum Localization {
    'en-US' = '.com',
    'pt-BR' = '.com.br',
    'en-CA' = '.com.ca',
    'en-AU' = '.com.au',
    'en-IE' = '.com.ie',
    'string' = 'string'
};

 const locale:string = 'pt-BR' //This value will come from DB.
 const result = Localization[locale];

错误： Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'typeof Localization'. No index signature with a parameter of type 'string' was found on type 'typeof Localization'.

在Javascript中正常工作。

     const Localization = {
       'en-US': '.com',
       'pt-BR': '.com.br',
       'en-CA': '.com.ca',
       'en-AU': '.com.au',
       'en-IE': '.com.ie',
     };
     
const locale = 'pt-BR';

console.log(Localization[locale]); // returns ".com.br"

我想知道：

1 - 如何将代码 Javascript 转换为在 TypeScript 中工作？
2 - 为什么打字稿返回此错误？
3 - 如果可能，我想要一些参考链接来阅读并理解 TypeScript 上出现此错误的原因。
4 - 在 TypeScript 中访问对象内部数据的更好方法是什么？

太感谢了。

标签： javascriptreactjstypescript

Answer 1

下面的内容至少适用于地图类型，我看不出它为什么不适用于显式枚举类型。 const result = Localization[locale as keyof typeof Localization];

来源reddit