Formik & ReduxORM & Yup - validationSchema问题
Formik是一个用于构建React表单的开源库。它简化了表单处理的过程，提供了表单状态管理、表单验证、表单提交等功能。Formik的优势包括简单易用、灵活性高、与React生态系统无缝集成等。
ReduxORM是一个用于管理Redux应用中的实体关系的库。它提供了一种简洁的方式来定义和操作实体模型，使得在Redux中处理复杂的数据关系变得更加容易。ReduxORM的优势包括简化数据管理、提高代码可读性、提供了强大的查询和关联功能等。
Yup是一个用于JavaScript对象验证的库。它提供了一种简单且可扩展的方式来定义和执行验证规则，用于验证表单输入、API响应等。Yup的优势包括简单易用、支持异步验证、提供了丰富的验证规则等。
这三个库通常一起使用，以实现表单的验证功能。Formik用于处理表单状态和提交，ReduxORM用于管理表单数据的实体关系，Yup用于定义和执行验证规则。
应用场景：
- 表单验证：Formik与Yup结合使用，可以方便地对表单进行验证，确保用户输入的数据符合要求。
- 数据管理：ReduxORM可以帮助开发者在Redux应用中管理复杂的数据关系，提高数据的组织和访问效率。
- 前端开发：Formik和Yup可以简化前端开发中的表单处理和验证逻辑，提高开发效率和代码质量。
腾讯云相关产品推荐：
- 云函数SCF（Serverless Cloud Function）：腾讯云的无服务器计算服务，可用于处理Formik和Yup中的表单提交和验证逻辑。详情请参考：云函数SCF产品介绍
- 云数据库CDB（Cloud Database）：腾讯云的关系型数据库服务，可用于存储和管理ReduxORM中的实体数据。详情请参考：云数据库CDB产品介绍
- 云安全中心SSC（Security Center）：腾讯云的安全管理与威胁检测服务，可用于保护Formik、ReduxORM和Yup等库在应用中的安全性。详情请参考：云安全中心SSC产品介绍
相关·内容
我正在尝试使用带有Yup验证模式的Formik表单来编辑来自我的ReduxORM会话的实体。使用ReduxORM模型时，验证似乎无法正常工作。我认为这是一个Formik问题，因为我成功地使用validate函数手动调用Yup来正确地验证我的实体：
validate={values => CompanyFormSchema.validate(values: false }).catch(errors => { throw yupToFormErrors(err
浏览 5提问于2019-08-01得票数 1
回答已采纳
是的，每件事都很好，它会显示错误，但是当我删除validationschema时，handlesubmit会正常工作。我不知道为什么，你知道吗？';import "..required('Required'), .oneOf([Yup.ref('password'), null], '
浏览 25提问于2021-10-12得票数 1
回答已采纳
1回答
现有输入的YUP模式验证
、、、
我正在尝试创建一个模式来验证输入的输入是否在数组中。如果是，那么我需要将错误记录到用户。例如，如果输入的输入值"apple“已经包含在某个数组"apple”、“芒果”、“香蕉”中，那么我需要显示“果树已经存在”的信息。这方面的验证模式是什么？
浏览 3提问于2022-03-06得票数 1
1回答
我试着在官方的Formik网站上学习这个教程，但是没有结果。我正在使用React Bootstrap、Formik和Yup进行验证。我做错了什么？import * as React from 'react';import { Formik} from 'formik';
import * as yup fr
浏览 7提问于2020-09-04得票数 1
值只有在我使用验证而不是在validationschema中使用时才可访问。<Formik validationSchema={validationSchema(values)}onSubmit={actions.handleSubmit} <Form>
如果我使用useFormikContext()；值在validationSchema中是不可访问的，因为初
浏览 25提问于2020-06-03得票数 1
我有以下几个组成部分：import { Formik, Form, useField, ErrorMessage } from "formik"; </>};
icecream: null
const validationSchema= <
浏览 4提问于2022-06-06得票数 0
Yup验证不起作用--我也尝试过这样的import Yup from 'yup'，但仍然不能工作.，当我创建一个简单的验证函数而没有YUP时，它工作得很好。但是当我使用YUP的时候，验证不起作用。添加了表单组件import { useFormik } from 'formik';
import * as Yup from 'yup</em
浏览 4提问于2020-11-06得票数 2
回答已采纳
1回答
我正在尝试让我用Formik和Yup创建的表单向我发送电子邮件"onSubmit“，但我不确定我需要在"onSubmit”函数中添加什么才能使其工作。function Contact(){ <Formik name: '', }}
validationSchema={Yup
浏览 21提问于2021-01-22得票数 0
问题是它不像预期的那样工作。看来，已公开的函数返回了上一次调用中的值，我不知道问题在哪里。import { isEmailExists } from ".= yup.object({ .string() .email() onChange={formik.
浏览 3提问于2021-11-05得票数 5
回答已采纳
1回答
我的问题是，只有两个输入和提交按钮显示在浏览器中。电子邮件和密码的两个标签在浏览器中不显示。请告诉我怎么解决这个问题。, Form } from 'formik';import FormikContainer from '.', values); return ( <Formik
initia
浏览 5提问于2022-06-29得票数 0
回答已采纳
有人能帮我解决这个问题吗？({ .of( title: Yup.string().required(), })
浏览 3提问于2021-06-28得票数 1
1回答
我有一个正在工作的Yup转换，但是Formik没有显示小写值。import React from "react";import { Formik } from "formik";
import { Disp
浏览 5提问于2021-08-10得票数 4
回答已采纳
1回答
我使用Formik和Yup，当我预填充域/form时，Yup会验证这些域，就像它们没有填充一样。我有基本的CRUD类型布局，其中更新数据需要预先填充表单。这些预先填充的字段不应该通过错误进行验证。验证方案： const validationSchema = Yup.object({ .string()
.required('First Name is requiredrequired('Address is requir
浏览 28提问于2021-04-04得票数 0
const RoleValidationSchema = Yup.object().shape({ .min(2, "En az 2 karakter})
return ( <Formik initialValues={{
浏览 40提问于2020-08-10得票数 5
我正在尝试创建一个具有创建帖子功能的网站，并且我选择使用formik来创建用于提交帖子的表单。但是，当我尝试提交表单并将其发送到后端时，validationschema会执行步骤，并告诉我输入错误，请参见附件中的图片。, Form, Field, ErrorMessage} from 'formik';import Homepage from '..= Yup.object().s
浏览 21提问于2021-09-06得票数 0
回答已采纳
1回答
我的第二个问题是:当我将值发布到rest时。它可能返回400个错误，我希望将这些错误用于我的验证字段。<Formik enableReinitialize={true} </Button> <
浏览 3提问于2020-10-01得票数 1
回答已采纳
我的代码是： startDate: yup.string().required("Please complete thisfield.").nullable(),问题：如何确保它既不是今天，也不是一个历史性的日期？附带注意，我使用的是formik，validationSchema使用如下： in
浏览 0提问于2022-08-23得票数 0
1回答
使用Yup和key进行验证
、、、、
所以我正在尝试使用Yup包来验证我的表单，有一个函数createForm来创建一个表单，它创建一个具有唯一ID的表单，然后这个ID被传递给每个创建的表单的字段。== key))<Formik validationSchema={ Yup.object().shape({
[`name_${data.key}`]:
浏览 34提问于2021-09-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
