Formik字段不显示输入值

时间:2020-07-19 19:20:31

标签: reactjs formik formik-material-ui

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

这是表单的代码段,我创建了一个字段,并且想要更改其onChange值。我看不到屏幕上的值更改,并且在控制台记录event.target.value时,我仅看到当前字母被替换为前一个字母(如果键入AB,则控制台日志值将显示A,然后替换到B)

1 个答案:

答案 0 :(得分:1)

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

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

只需替换-

onChange={customChange}

使用

onChange={handleChange}

要使其正常工作。

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

这是工作代码- Code Sandbox

编辑1-

如果要通过自定义处理程序更新值,则可以使用setFieldValue来设置字段值。

工作代码-CodeSandBox 1