Question

我在React中有这样的状态：

type MyState = {
  xCount: number;
  yCount: number;
};

我想在编写程序时不知道状态名称就访问状态。

export class BodyWidget extends React.Component<BodyWidgetProps> {
  state: MyState = {
    xCount: 1,
    yCount: 1
  };

returnState = (name:any) {
  return this.state[name]
}

...
}

当我尝试此操作时，出现此错误：

元素隐式地具有“ any”类型，因为类型“ any”的表达式不能用于索引类型“ MyState”。

Answer 1

尝试

returnState = (name: keyof MyState) {
  return this.state[name]
}

Answer 2

该错误表明'name'应该是MyState属性之一（xCount或yCount），如下所示：

returnState = (name: keyof MyState) => {
    return this.state[name];
}

在Typescript中使用动态键名访问状态

2 个答案: