Flow和React.createRef

时间:2018-07-18 10:19:48

标签: javascript reactjs flowtype

我正在尝试在我的React应用程序中添加一些简单的Flow类型。我有两个组件,一个组件引用另一个组件以触发一些验证。一个非常简化的版本看起来像这样:

class FormFields extends React.Component {
  onSubmit = () => {/* impl */};
  render() {/* impl */}
}

class Form extends React.Component {
  formRef = React.createRef();
  onSubmit = e => {
    e.preventDefault();
    this.formRef.current.onSubmit();
  }
  render() {
    return (
      <form onSubmit={this.onSubmit}>
        <FormFields ref={this.formRef} />
      </form>
    );
  }
}

我正在尝试添加类型,以便键入this.formRef.current.onSubmit并自动完成。我怎么做? There are some docs on the subject,但这些仅适用于带有功能的裁判的“旧”方式。

我注意到React正在为React.createRef导出the following type definition

declare export function createRef<ElementType: React$ElementType>(): 
{current: null | React$ElementRef<ElementType>};

我对Flow经验不足,所以解决方案可能很简单。

0 个答案:

没有答案