【问题标题】:Formik Field not displaying entered valueFormik 字段不显示输入的值
【发布时间】:2020-07-19 19:20:31
【问题描述】:

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

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

【问题讨论】:

    标签: reactjs formik formik-material-ui


    【解决方案1】:

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

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

    只需替换 -

    onChange={customChange}

    onChange={handleChange}

    使这项工作。

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

    这是工作代码 - Code Sandbox

    编辑 1 -

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

    工作代码 - CodeSandBox 1

    【讨论】:

    • 感谢 Swapnesh,我一直在努力使用 formik 的 handlechange。我看到值被打印在您的代码和框中,但是如果您注意到未触发 onChange 功能(不打印您编写的控制台)
    • @PushpendraYadav:我已经更新了我的答案,但我会建议你先阅读文档并运行示例,这样你就会意识到 formik 表单会有所帮助的各种条件。
    • Swapnesh,确实有帮助,非常感谢。是的,我也在浏览它的文档,尽管我发现文档有点分散。
    猜你喜欢
    • 2020-05-06
    • 2020-11-19
    • 2023-03-06
    • 1970-01-01
    • 1970-01-01
    • 2020-08-22
    • 2015-01-30
    • 2022-01-12
    • 2020-08-19
    相关资源
    最近更新 更多