Formik Field 不显示输入的值

2020-07-19

2907

reactjs formik formik-material-ui

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

1个回答

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

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

只需将 -

onChange={customChange

替换为

onChange={handleChange

即可使其工作。

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

这是工作代码 - 代码沙盒

编辑 1 -

如果您想要从自定义处理程序更新值，然后可以使用 setFieldValue 设置字段值。

工作代码 - CodeSandBox 1

swapnesh

2020-07-19