我想用formik更新字段数据的列表。我有这个验证
validationSchema: Yup.object().shape({
password: Yup.string()
.min(4, 'Password must be at least 4 characters.')
.required('Password must be at least 4 characters.'),
....
}),
我希望用户能够设置密码至少4,如果用户不输入密码,然后提交为空字符串。密码组件
<FormCo
我想将material-ui添加到我的formik应用程序中。我使用formik-material-ui库(https://github.com/stackworx/formik-material-ui)来做这件事。但是,当我将material-ui textfield组件插入到字段中时,在提交之前会触发验证。我的直觉是这是一个mapStateToProps问题,但我不确定如何将它集成到我的代码中,因为关于它的文档并不多。 任何帮助都非常感谢,谢谢! import React from 'react';
import * as Yup from 'yup';
我有一个输入字段(类型文件),由于某种原因,即使不是必需的,也会进行验证。对于序列号,我有一个验证,它不是必需的,而且似乎工作正常,在提交空字段时没有错误。对于文件输入字段,我只希望输入字段在上传文件时验证。我做错了什么?,当我点击submit测试验证时,我得到了这个(见下图)。
这是我的密码:
const validationSchema = Yup.object({
title: Yup.string()
.required("Title is required")
.min(8, "Title must be at least 8
当前正在尝试在Formik中使用Material UI的组件。到目前为止,像文本字段和传统的Material-UI选择这样的东西在Formik上运行得很好。实现自动完成不是这样的。Formik的onChange处理程序似乎没有更新我的city_id的值。我知道Autocomplete仍然不是Material-UI的核心库的一部分,但目前仍在观察这样的事情是否可能发生。
import React from "react";
import ReactDOM from "react-dom";
import { Formik, Form } from 'for
Formik的文档指出,您可以使用lodash类型的点路径来命名/访问嵌套对象(例如name.firstName)。这也应该适用于它的内置<ErrorMessage/>组件。我正在使用一个React-Typescript教程应用程序,它使用formik作为表单输入,当与后端代码配对时,它似乎在幕后工作得很好,但我确实注意到,提供嵌套对象值的字段不会在UI中抛出任何错误。错误本身将会生成,但<ErrorMessage/>组件似乎并不想呈现。
下面是该应用程序的精简版本。如果在没有有效输入的情况下退出表单域,应该会抛出"Field is Required“错误,但对
我得到了一个与我的怀疑高度相关的简单例子,所以我用这个作为我的例子。在这个链接中,我们可以看到一个简单的Yup验证模式。因此,当我们在电子邮件字段中输入某些内容时,电子邮件验证中的控制台日志将被打印出来,这显然是很好的。但是,即使我们在name字段中键入某些内容,控制台也会被打印出来。
验证模式
const schema = yup.object({
name: yup.string().required(),
email: yup.string().test('is-jimmy', '${path} is not Jimmy', function (v
我正在尝试使用formik/yup/material-ui/和react- input -mask验证我的输入。在validationSchema中,只有一个选项可以正常工作:.required。当我尝试通过输入的最小/最大长度进行验证时,它不能正常工作。
当我将输入的掩码设置为:{“999999”}时,它看起来像是yup可以识别7个字符(6个数字和1个空格),并且当我在输入字段中输入时,它不会改变。
例如,当我设置:.min(7, "Password must contain at least 7 characters")时
在validationSchema中,即使我没有在
这看起来可能很长,但这只是因为我想确保提供我所拥有的所有信息。因此,我在react组件中有一个Formik表单,它处理几个文本输入和几个文件上传。我在React类组件中使用了这个Formik组件: <Formik
initialValues={{
...initialValues, //no need to list them all here
affiliateLogo: null,
}}
validationSchema={validationSchema}
onSubmit(values=>{//do something with the v
我和formik有一个问题。基本上,我将有一个表,其中列出了所有存在错误的表单的Id。当用户单击表单的Id时,它将显示表单本身。要求是在呈现表单时也应该显示错误。有人知道怎么用Formik吗?此外,如果用户编辑字段,字段验证应该正常工作。
我把密码箱链接放在这里。。基本上,我希望当表单出现时,我应该看到错误,而不仅仅是当用户从字段移开或更改时。谢谢。
import { Formik, Field, Form } from "formik";
import { TextField } from "formik-material-ui";
class Post0
我在我的React Native应用程序中使用Formik。在登录表单上,我有两个字段:电子邮件和密码,这两个字段都是必填项。
我写了这样的验证规则:
export const LoginSchema = Yup.object().shape({
email: Yup.string()
.email('The email is invalid')
.required('This field is required'),
password: Yup.string()
.min(6, 'The password is too