Formik 字段不显示输入的值

Formik Field not displaying entered value

https://codesandbox.io/s/friendly-bohr-mjyhc

这是我的表单的代码片段,我创建了一个字段,我想在更改时更改它的值。我没有看到屏幕上的值发生变化,当我在控制台记录 event.target.value 时,我只看到当前字母被前一个字母替换(如果我键入 AB,控制台日志值显示 A 然后它替换到 B)

Formik 库本身提供了多种方法来处理复杂性。

在您的代码中,无需添加自定义句柄 Change,您可以直接使用 handleChange 方法。

只需替换 -

onChange={customChange}

onChange={handleChange}

使这项工作。

仅供参考 - 我还打印了 values 以便您可以看到 formik 袋值。

这是工作代码 - Code Sandbox

编辑 1 -

如果您想从自定义处理程序更新值,那么您可以使用 setFieldValue 来设置字段值。

工作代码 - CodeSandBox 1