我正在使用带有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’用作索引类型。如果我删除？从接口它起作用，但是后来作者创建了另一个函数，该函数仅设置一个状态值，而打字稿说没有设置所有状态属性。

谁能让我知道如何解决这个问题。

提前致谢。