类型'undefined'不能用作索引类型

Question

我正在关注WintellectNow与TypeScript教程的反应。在第五部分中排序和过滤的作者创建具有象下面可选属性的接口：

interface IWidgetToolState { 
    filterCol?: WidgetTableCols; 
    filterValue?: string; 
    sortCol?: WidgetTableCols; 
} 

有一个称为WidgetTableCols如下一个枚举：

enum WidgetTableCols { 
    None, Name, Color, Size, Quantity, Price, 
} 

在一个函数的作者获得的值枚举像这样：

const fName: string = 
WidgetTableCols[this.state.sortCol].toLocaleLowerCase(); 

在这里我越来越类型'undefined'不能被用作索引类型。如果我删除？从接口它的作品，但后来作者创建另一个功能，只设置一个状态值和打字稿说并不是所有的状态属性都设置。

任何人都可以让我知道如何解决这个问题。

在此先感谢。

Answer 1

编译器只是告诉你，this.state.sortCol可能没有值，因为你打开了strictNullChecks标志。

你可以先检查它的存在：

const fName = this.state.sortCol != null ? 
WidgetTableCols[this.state.sortCol].toLocaleLowerCase() : null; 

这将删除错误（但你一定要去处理的事实，fName可以为null）。

您还可以使用Non-null assertion operator：

const fName: string = 
WidgetTableCols[this.state.sortCol!].toLocaleLowerCase(); 

如果您确信它的存在。