reactjs - Formik 字段不显示输入的值

Question

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

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

Answer 1

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

handleChange在您的代码中，您可以直接使用方法而不是添加自定义句柄更改。

只需更换 -

onChange={customChange}

和

onChange={handleChange}

使这项工作。

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

这是工作代码 - 代码沙箱

编辑 1 -

如果要从自定义处理程序更新值，则可以setFieldValue用于设置字段值。

工作代码 - CodeSandBox 1