我正在使用TypeScript教程关注WintellectNow React。在第五部分“排序和过滤”中，作者创建了一个具有可选属性的接口，如下所示：
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'用作索引类型。如果我删除？从接口它起作用，但是后来作者创建了另一个函数，该函数仅设置一个状态值，而打字稿说没有设置所有状态属性。
谁能让我知道如何解决这个问题。
提前致谢。
编译器只是告诉您this.state.sortCol可能没有值，因为您已strictNullChecks启用标志。
您可以首先检查它的存在：
const fName = this.state.sortCol != null ?
WidgetTableCols[this.state.sortCol].toLocaleLowerCase() : null;
这将消除错误（但是您将需要处理fName可能为null的事实）。
您还可以使用Non-null断言运算符：
const fName: string =
WidgetTableCols[this.state.sortCol!].toLocaleLowerCase();
如果您确定它存在。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句