React Formik: 如何使用自定义的onChange和onBlur

11 浏览
0 Comments

React Formik: 如何使用自定义的onChange和onBlur

我正在使用React的formik库，并且无法弄清楚handleChange和handleBlur属性的用法。

根据文档，handleBlur可以作为的属性进行设置，然后必须手动传递给。

我尝试过这样做，但没有成功：

（为了更清晰，我保留了关于handleBlur的代码）

导入React，Formik，Field和Form等组件，并使用ramda和recompose中的函数进行处理。

MyInput组件的代码如下：

const MyInput = ({ field, form, handleBlur, ...rest }) =>
    
    {form.errors[field.name] &&
      form.touched[field.name] &&
        {form.errors[field.name]}
      }
  ;

indexById函数使用indexBy函数将对象数组按照id进行索引。

mapToEmpty函数使用map函数将字段列表中的每个字段映射为空字符串。

EmailsForm组件的代码如下：

const EmailsForm = ({ fieldsList }) =>
   {
      const errors = { values };
      return errors;
    }}
    onSubmit={values => {
      console.log("onSubmit", { values });
    }}
    handleBlur={e => console.log("bluuuuurr", { e })}
    render={({ isSubmitting, handleBlur }) =>
      

        
        
      }
  />;

这种方法有什么问题？

handleBlur和handleChange应该如何正确使用？

0