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

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用带有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();

如果您确定它存在。

以上是 类型'undefined'不能用作索引类型 的全部内容， 来源链接： utcz.com/qa/434895.html

回到顶部