当前行为
<Formik
isInitialValid
initialValues={{ first_name: 'Test', email: 'test@mail.com' }}
validate={validate}
ref={node => (this.form = node)}
onSubmitCallback={this.onSubmitCallback}
render={formProps => {
const fieldProps = { formProps, margin: 'normal', fullWidth: true, };
const {values} = formProps;
return (
<Fragment>
<form noValidate>
<TextField
{...fieldProps}
required
autoFocus
value={values.first_name}
type="text"
name="first_name"
/>
<TextField
{...fieldProps}
name="last_name"
type="text"
/>
<TextField
{...fieldProps}
required
name="email"
type="email"
value={values.email}
/>
</form>
<Button onClick={this.onClick}>Login</Button>
</Fragment>
);
}}
/>
我正在尝试这个解决方案https://github.com/jaredpalmer/formik/issues/73#issuecomment-317169770,但它总是返回Uncaught TypeError: _this.props.onSubmit is not a function
当我尝试console.log(this.form)
时,会出现submitForm
函数。
有什么解决方法吗?
- Formik 版本:最新 - React 版本:v16 - 操作系统:Mac OS
innerRef
属性,用于传递您想要附加的引用,如果我没记错的话:https://github.com/jaredpalmer/formik/blob/d5e1de97201da969e86d1dec589b306ed0e7794a/packages/formik/src/Formik.tsx#L1002 - Eric MartinuseRef
时,不要忘记设置 FormikValues 类型为useRef<FormikValues>()
。 - Andrii VerbytskyiuseRef
е’ҢTypeScriptпјҢжҲ‘еҸ‘зҺ°2021е№ҙзҡ„жӯЈзЎ®ж–№ејҸжҳҜuseRef<FormikProps<FormikValues>>(null)
гҖӮ - ABCD.cainnerRef
在 Formik 1.5.x 中无法正常工作。我一直在得到类似于示例中引用的{current: null}
。 - Vadym P