Formik 字段未触发 onChange 功能答案

【问题标题】：Formik Field not triggering onChange functionFormik 字段未触发 onChange 功能
【发布时间】：2020-07-19 12:05:18
【问题描述】：

下面是我的formik字段，我想触发onChange（或onKeyUp）事件来执行一些操作。我尝试了与同一问题相关的先前问题中提供的解决方案，但到目前为止对我来说没有任何解决方案。你能帮忙看看这里出了什么问题吗？

<Formik
initialValues={{
    jobId:"45445";
}}
onSubmit={(data, { setSubmitting }) => {
    setSubmitting(true);
    console.log(data);
    setSubmitting(false);
}}
onBlur={(data) => {
    // setSubmitting(true);
    console.log(data);
    // setSubmitting(false);
}}

onChange={(e) => {
    // setSubmitting(true);
    console.log('onChage', e);
    // setSubmitting(false);
}} >
{({
    values,
    isSubmitting,
    handleChange,
    handleBlur,
    handleSubmit,
}) => (

        <Form onKeyUp={handleBlur}>

            <Button type="submit"></Button>
            <Field
                name="jobId"
                label="Job ID"
               // InputProps={{ onBlur: handleBlur }} tried not working
               onKeyUp={handleChange}tried not working
                value={values.jobId}
                as={TextFieldOutLined}
            />

【问题讨论】：

标签： reactjs material-ui formik

【解决方案1】：

有错别字

oChange={(e) => {
    // setSubmitting(true);
    console.log('onChage', e);
    // setSubmitting(false);
}}

应该是onChange

【讨论】：

将其更改为 onChange （编辑了问题），它没有被调用:(
尝试从
中删除 onKeyUp={handleBlur}