我有一个电子邮件字段,只有在选择复选框(布尔值为true)时才会显示。当表单被提交时,我只想要这个字段在复选框被选中时才是必填项(布尔值为true)。 到目前为止,我尝试过以下方法:const validationSchema = yup.object().shape({ email: ...
是否有一个名为yup的函数可以验证特定长度? 我尝试过.min(5) 和 .max(5),但我需要确保数字正好是5个字符长度(例如邮政编码)的一些东西。
我正在使用React和Formik创建一个表单。以下是我的代码: 我正在使用React和Formik创建一个表单。以下是我的代码:<div> <Formik initialValues={{ email: "" }} onSubmit=...
当前行为<Formik isInitialValid initialValues={{ first_name: 'Test', email: 'test@mail.com' }} validate={validate} ref={node => (t...
我在我的React Native应用程序中使用Formik。在登录表单上,我有两个字段:电子邮件和密码,它们都是必填的。 我编写了以下验证规则:export const LoginSchema = Yup.object().shape({ email: Yup.string() ...
在Formik中,如何使重置按钮仅在确认后重置表单?我的以下代码在单击取消时仍会重置表单。 在 Formik 中,如何使重置按钮仅在确认后重置表单? 即使您单击“取消”,下面的代码仍然会重置表单。var handleReset = (values, formProps) => {...
我正在使用ReactJS设计我的网站的个人资料页面。 现在我的问题是如何从本地上传图像并将其保存到数据库中,同时在个人资料页面中显示它。import React, {Component} from 'react'; import { connect } from 'react-redux'; ...
以下是我使用 formik 编写的 React 表单验证代码。默认情况下,在表单加载时,我希望保持提交按钮禁用: import { useFormik } from "formik"; import * as Yup from "yup"; const formik = useFormik...
我有一个这样的数据结构:{ "subject": "Ah yeah", "description": "Jeg siger...", "daysOfWeek": [ { "dayOfWeek": "MONDAY", "checked": false ...
我正在使用React与后端进行通信。现在正在尝试正确地实现Formik(表单库)。 主要问题: 如何正确使用Formik的setError方法? 客户端验证错误已经正确显示,但现在我正在尝试设置/显示后端验证错误,这些错误是通过状态码400返回的响应中返回的。 链接到我正在尝试使用的方法...