从 Formik Field 中提取值并执行自定义 onChange 函数

Question

我有一个 formik 字段。我需要从这个字段中提取值，并通过自定义 onChange 函数运行它根据用户输入的内容更改状态。我对 Formik 一点也不满意。非常感谢您的帮助！

      <Formik
        initialValues={initialValues}
        validationSchema={SetPasswordSchema}
        onSubmit={onSubmit}
      >
        {({ status, isSubmitting, isValid, values }) => (

            <Field
              name='password'
              required
              value={values.password}
              onChange={handleChange(values.password)}
              component={TextField}
              placeholder={t('authentication:password')}
              type='password'

formik 字段无法检测到我的 handleChange 函数，它被返回运行ing 为未定义。有什么解决办法吗？？

Answer 1

您可以创建对 Formik 组件的引用。此参考将包含执行各种操作的方法，您可以使用 setFieldValue 方法更改特定字段。

检查sandbox example

从 Formik Field 中提取值并执行自定义 onChange 函数

extracting value from Formik Field and performing custom onChange functions

state

reactjs

formik