如何在react组件中使用formik进行验证

Question

我尝试在注册组件中使用formik，但在验证中遇到问题。 我已经对每个字段（例如姓名、电子邮件、密码）进行了验证，但我看不到。 我该如何解决这个问题？请回答我。

{errors.fullname && Touch.fullname && {errors.fullname}}

Answer 1

您可以尝试在每个字段上放置 onBlur 事件。

<Form.Control type="text" id='fullname' onBlur={handleBlur} value={values.fullname} placeholder="" onChange={handleChange} />
{errors.fullname && touched.fullname && <div className="d-block invalid-tooltip">{errors.fullname}</div>}