javascript - 如何在导出的 React 组件中注释 onChange 事件？

Question

我有一个带有 onChange 处理程序的 React 组件:

// @flow
import React, {Component} from 'react';

export default class MyList extends Component {
  handleChange = (event) => {
    // Do something with event.target.value
    // which will be the value typed in the input field.
  }

  render() {
    return (
      <input type="text" onChange={this.handleChange}> />
    );
  }
}

Flow 对此提示，因为它是一个导出类:
参数“事件”缺少注释


如何在 handleChange 函数中注释 event 参数？据我所知，这个事件是在 JavaScript 级别生成的，没有任何流类型。

或者，是否可以将 Flow 配置为不显示这些“缺少注释”错误？

Answer 1

我找到了另一种解决方案，使用合成事件:如下所示

onChange (event: SyntheticInputEvent<EventTarget>): void {
  this.setState({ text: event.target.value })
}