【问题标题】:Prevent Formik from clearing form防止 Formik 清除表格
【发布时间】:2020-08-05 06:43:15
【问题描述】:

我有一个 Formik 表单,它会在验证所有字段并提交表单后自动清除。这个表单的目的基本上是注册一个新用户,所以它是一个很长的表单。

问题在于,有时用户输入的电子邮件已被使用,或者某些其他值会从后端退回。对于用户来说,如果仅仅因为一个值不正确就要求您从一开始就填写表格,那是很烦人的。

如何防止Formik自动清除该表单,或者至少等待后端的响应,然后根据哪个错误清除或保留表单的值。

我的表格是这样组织的;

<Formik 
 initialValues,
 onSubmit
 validationSchema,
>
 {()=> return (
  <Form>
   <Field />
    //...quite a long form

在这种情况下我该怎么办?

【问题讨论】:

    标签: javascript reactjs forms formik


    【解决方案1】:

    没关系,谢谢伙计们,我在自己的腿上开枪了。表单实际上并没有清除,我根据请求的成功/失败强制重定向到同一页面。这导致表单被重新加载,所以之前的所有值都被清除了。

    非常感谢@pushparmar

    【讨论】:

      【解决方案2】:

      如果验证是在客户端计算,我认为你应该这样做。

      在提交表单之前验证您的输入。

      有效吗? submitForm() :通过错误字段的错误;

      提及您的代码 sn-p 以便更好地理解。

      【讨论】:

        猜你喜欢
        • 2021-10-30
        • 1970-01-01
        • 2015-04-05
        • 2018-07-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多