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
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