我正在尝试在我的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经验不足,所以解决方案可能很简单。