小编typ*_*ris的帖子

所以我最近发现事件处理程序的回调对渲染性能不利：https : //reactjs.org/docs/handling-events.html

我试图通过在类方法中从事件中获取属性而不是执行以下操作来注意这一点：onClick={({value}) => this.setState({"someProperty" as keyof State: value})}等。

但是，现在我无法在该回调中显式声明类型安全性，我正在尝试对其进行动态处理，并且我的类型检查器对下面的代码没问题，但是我如何让它抱怨输入元素的name属性不是一个keyof State？

interface State {
  someProperty: string;
}

class MakeMeSafer extends React.Component<{}, State> {

  state: State = {
    someProperty: ''
  }

  set = ({ currentTarget: { name, value } }: React.SyntheticEvent<HTMLInputElement>): void => {
    this.setState({ [name as keyof State]: value });
  }

  render(): JSX.Element {
    return (
      <div>
        <input type="text" name="some-name-not-in-state" onChange={this.set} />
      </div>
    );
  }

}