我正在向用户显示登录屏幕。这个登录屏幕(公平地说，也可以是整个应用程序)可以用不同的语言显示。 除了验证错误之外，语言切换适用于所有UI组件。目前，如果用户将电子邮件/密码字段留空，或输入无效的电子邮件地址，收到错误消息，然后切换语言，则错误消息不会更改为新语言。经过大量的猜测和实验，我已经到达了一个点，在点击两次'de‘或'en’按
浏览 47提问于2021-11-10得票数 0
回答已采纳
=> state.currentLang props.languageString}; firstName: yup .required(requiredFirstName)};
这是表单组件
浏览 8提问于2022-01-06得票数 0
回答已采纳
1回答
Problem ->我正在尝试进行一个验证，以便在切换语言时更改Formik错误消息，但只有当我点击submit按钮调用"formik.onSubmit"或更新表单中的字段时，Formik才会自动更改错误消息，以便在我键入"formik.handleChange"时更新错误消息。尝试->，所以我尝试使用<
浏览 12提问于2020-05-20得票数 1
3回答
在模块对话框中，我想更改输入值(#quaggaIsbn)的值。我尝试了document.getElementById("quaggaIsbn").value = result.codeResult.code，但它没有反映到表单发送到服务器的值。如何更改Formik发送到服务器的值？ ? , Form } from 'formik'
import { TextField} from 'formik-
浏览 72提问于2020-04-19得票数 5
回答已采纳
我使用Formik和yup验证，遵循以下模式： setStatus(''); // clean({ .... <Formik onSubmit={handleSubmit&
浏览 7提问于2020-11-25得票数 7
7回答
我正在尝试将Formik与Material-UI文本字段一起使用。如下所示： import TextField from '@material-ui/core/TextField'; Field, Form,Formik, FormikPropsimport React, { Component } fr
浏览 152提问于2018-08-31得票数 24
回答已采纳
1回答
我正在尝试为使用Formik构建的React本机组件编写一些测试。这是一个询问用户名和密码的简单表单，我想使用一个使用Yup构建的验证模式。当我使用模拟器并手动测试表单时，表单按照预期的方式运行，只有当输入值无效时才会显示错误消息。然而，当我尝试用@testing-library/react-native编写一些自动化测试时，这种行为并不是我所期望的。即
浏览 1提问于2021-01-16得票数 2
回答已采纳
下面是我使用React的formik表单验证代码。默认情况下，在加载表单时，我希望禁用submit按钮：import * as Yup from "yup";
.required("Requ
浏览 6提问于2019-12-22得票数 51
回答已采纳
我用的是反应钩表和验证表。字段允许用户提交表单而无需填写此字段，但如果用户填写此字段，则用户只能填充与regex匹配的字符串(我的regex为检查个人名称)。我遇到的问题是，当用户提交表单而没有在文本字段中输入任何值时，react钩子表单一直在验证并显示错误(如果我使用Formik，则不会发生这种情况，但出于性能原因，我必须使用react
浏览 7提问于2022-11-05得票数 0
回答已采纳
1回答
我使用Formik在函数组件ReactJS上创建了简单的表单。当组件挂载时，我的表单应该从API获取数据。为此，我使用fetch和useEffect。拉取完成后，会从接口中获取数据，但直到触发formik.handleChange时才会填充。如果尝试在任何输入字段中指定某些内容，则会触发formik.handleChange，并且所有字段都会立即填充来自该接口的数据(在我的示例中，应该只填充电子邮件
浏览 11提问于2021-01-18得票数 0
回答已采纳
我正在使用react创建一个表单，formik.Below是我的代码： <Formik email: "" onSubmit</button> </form> </div>
浏览 3提问于2019-03-19得票数 60
1回答
我创建了一个可重用的formik表单，但是我想使用ant select而不是formik select。错误信息不适用于蚂蚁设计，我不知道如何配置它。当错误消息未被验证时，我需要显示它。在console.log中，当我更改ant select时，它是完美的。但是错误文本没有显示import
浏览 13提问于2022-10-25得票数 0
回答已采纳
我使用不同的方法创建了几个不同版本的Formik表单，试图使错误处理正常工作(具体地说，如果某些字段中的输入不是字符串，则拒绝这些输入)。很难理解为什么一个非字符串没有被选中并抛出一个错误...这是我的第一次尝试，它使用Material UI TextField + useFormik import { useFormik } from 'formik';
import * as yup from
浏览 25提问于2021-08-25得票数 1
回答已采纳
2回答
我正在从api中捕获错误，并在表单中显示它们，这工作得很好。但问题是，当我在表单中更改一个字段时，所有错误都会消失。对于表单，我使用Formik，对于验证，我使用Yup。
浏览 25提问于2019-06-28得票数 7
回答已采纳
我正在尝试使用Formik和Yup验证一个材料ui表单，但我得到了一个错误。 这是我从另一个文件导入的模式。Field is Required'),
}); 这就是我使用验证的地方。我得到了它，因为我可以在道具中编写它，但不确定如何在useFormik()中使用它。 此外，当我提交表单时，文本字段不会自动重置。我该怎么解决这个问题呢？在这种情况下，<em
浏览 29提问于2020-04-07得票数 1
回答已采纳
我在我的应用程序中使用Formik和yup作为表单。我无法用Formik实现复选框，实现了这个，但它不能与我一起工作。下面是我已经尝试过的代码。在实现此解决方案之后，当我单击复选框时，表单变得无效，submit按钮不调用handleSubmit方法。我也尝试使用React Native Elements而不是UI Kitten，但是结果是一样的。const validationSchema = Yup</em
浏览 3提问于2019-12-16得票数 6
3回答
目前，我正尝试在我的注册/登录表单上添加验证。我真的不理解验证系统是如何实现的。我注意到教程使用的是Formik/Yup的函数组件，而我使用的是基于类的组件。当我尝试呈现注册页面时，它不会显示任何内容。当然，我一定是实现错误了，我不知道该怎么做。谢谢你的帮助。import { Formik, Field } from &q
浏览 0提问于2020-08-18得票数 0
我正在使用Yup验证和formik。我准备了初始值和validationSchema，在创建表单的过程中一切正常。但在更新表单时，即使在各自的字段中预先填充了值，仍有一些字段显示“abc字段是必填项”。().shape({type: Yup.string().required(),
detail: Yup</e
浏览 3提问于2021-02-05得票数 0
9回答
基于语义用户界面的表单验证
、、、、
我正在使用官方的组件来创建一个web应用程序。我的注册页面上有一个表单，其中包含一个电子邮件字段、一个密码字段和一个确认密码字段。通常，我会像这样在一个单独的JavaScript文件中定义规则 fields: { identifierprompt: 'The password you provided does not match'
}
浏览 8提问于2017-01-18得票数 20
回答已采纳
复制问题：下面是显示结构的默认值。return options.option1 || options.option2; )问题:当我点击‘提交’按钮没有填写任何字段，我看到所有的错误信息当我开始填写输入表单并单击单个复选框时，<e
浏览 6提问于2021-09-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
