Formik 和 Semanic UI React。打字延迟、不必要的验证

Question

这是我的动态表单的一个简单示例。

<Form.Group widths='equal'>
                    <Form.Input onChange={props.handleChange} fluid name={`${type}.${participant.number}.firstName`}
                                label={FIRST_NAME}
                                placeholder={FIRST_NAME_MODEL_DESCR}/>
                    <Form.Input onChange={props.handleChange} fluid label={LAST_NAME}
                                name={`${type}.${participant.number}.lastName`}
                                placeholder={LAST_NAME_MODEL_DESCR}/>
       </Form.Group>

在 Fromik 本身中，我有简单的 console.log

    validate={values => {
        console.log(values);
    }}

因此，每次当我在字段中输入内容时，每次按下按键时，我都会从验证中获取日志结果（我不想要），并且每次按下按键时都会有微延迟。

Answer 1

将 validateOnChange（以及 validateOnBlur，如果您也想禁用它）传递给 Formik 组件（ https://jaredpalmer.com/formik/docs/api/formik#validateonchange-boolean），值为 false