formik相关内容
嗨,我在尝试将Spread运算符与Typescript一起使用时遇到问题. 我具有useFormikContext()和useField()函数来自Formik库的函数.当我添加//@ts-ignore时,一切都按预期运行,但是没有该行,我会收到错误消息: const DatePickerField = ({ ...props }) => { const { setFieldVal
..
我需要使用Formik进行验证,即输入只能是currentYear或更高版本. const currentYear = new Date().getFullYear(); expiryYear: yup .string() .required('Select expiry year') .min(4, `Invalid year format (Example: ${currentYea
..
我目前正在使用Formik在React中制作一个预订表格.我还分别结合了Ant Design的Date Picker和Time Picker作为预订日期和时间,但是我很难将值传递回组件. 这是我在表单组件中进行设置的方式(我省略了其他不相关的字段): const { booking, handleSubmit, mode } = this.props; ...
..
我正在将ref属性传递到我的自定义FieldInput中,该属性用于表单的Formik验证.但是,它给出了一些Typescript错误.例如,在我的函数中: const handleSubmitForm = ( values: FormValues, helpers: FormikHelpers, ) => { setShowFl
..
我的表单具有动态输入(管理员电子邮件),但是检查唯一性失败: validationSchema={Yup.object().shape({ adminEmails: Yup.array() .of( Yup.string() .notOneOf(Yup.ref('adminEmails'),
..
一些信息 我正在为项目使用Formik,并且设置如下: |-MenuModal |--MenuEdit |---MenuEditForm MenuModal是MenuEdit和MenuEditForm的父级.组件MenuEditForm负责返回Formik表单,但是我在其父级MenuModal中调用了提交,后者随后通过React的refs在MenuEdit中运行了commit函数.
..
我有一个像这样的数据结构: { "subject": "Ah yeah", "description": "Jeg siger...", "daysOfWeek": [ { "dayOfWeek": "MONDAY", "checked": false }, { "dayOfWeek": "TUESDAY",
..
数据存储为: { iso: "gb", label: "United Kingdom", country: "United Kingdom" }, { iso: "fr", label: "France", country: "France" } 传递给自动完成的值是: { iso: "gb", label: "United Kingdom", country: "United
..
我在React中使用Formik形式.每当用户提交(handleSubmit)时,我都会选择是否放弃更改或保留更改. 在我的渲染中,
..
因此,我正在尝试使用Formik和Material UI创建表单.对于所有字段,一切都可以正常工作,但是问题在于自动完成功能.我找不到从localStorage填充字段的方法.我尝试了所有操作,从放置值props,inputValue,defaultValue等开始,但似乎没有任何效果. import React from 'react' import { Grid } from '@mat
..
有没有一种方法可以在Formik中的点击处理程序中获取字段的值? 您可以在其中使用setFieldValue,因此我认为(但在任何地方都找不到)Formik应该具有类似的东西来检索值: getFieldValue('name') === 'Test' ? action1 : action2} 在Formik中执行此操作的正确方法是什么?
..
我在我的React Native应用程序中使用Formik.在登录表单上,我有两个字段:电子邮件和密码,这两个字段都是必填字段. 我已经写了这样的验证规则: export const LoginSchema = Yup.object().shape({ email: Yup.string() .email('The email is invalid') .requi
..
我对如何处理react-dates [DateRangePicker] onDatesChange和onFocusChange感到困惑,因为它们每个都有两个值. onDatesChange 应该能够设置多个值,即开始日期和结束日期. 我正在尝试使用formik在daterangepicker周围构建自定义包装. 检查控制台中的错误 `
..
我正在尝试传递values和props,该formik需要1个组件.我将各种小组件用于某些形式,并将它们传递到一个复杂的组件中,该组件需要在调用时传递给每个单独的渲染器. 基本上所有FormikProps.这是一个这样的组件. import React, { Fragment } from 'react'; import debounce from 'debounce-promise'
..
我有两个选择框,一个用于国家,另一个用于区域.当有人选择一个国家时,我需要用不同的值(异步地)填充选择的区域. 我知道 react-country-region-selector 和反应选择,但是对于这样一个简单的任务,这些解决方案似乎有些过头. 在下面的代码中,选择一个国家/地区后,区域会正确填充,但是所选国家/地区的值会丢失.另外,我应该在构造函数中设置状态还是Formik应该处理
..
我正在reactjs中使用formik插件,我想在表单提交后使用useState变量. this和setState都未定义,我无法实现. 有人可以帮我解决这个问题吗? 请参见下面的屏幕截图 解决方案 在JavaScript中,默认情况下未绑定类方法. 如果忘记绑定this.LoginApp并将其传递给onSubmit,实际调用该函数时(如您已经提到的),this将为unde
..
我正在从api中捕获错误,并以表格形式显示它们,并且工作正常.但是问题是,当我以一种形式更改一个字段时,所有错误都消失了.对于表单,我使用的是Formik,并用于验证. const handleSubmit = (values, {setSubmitting, setFieldError, setStatus}) => { someApiCall(values) .
..
在 Formik 中,如何使“重置"按钮仅在确认后重置表单? 即使您单击“取消",下面的我的代码仍会重置表单. var handleReset = (values, formProps) => { return window.confirm('Reset?'); // still resets after you Cancel :( }; return (
..
下面是我在其中使用formik的React表单验证代码.默认情况下,加载表单时,我要保持禁用提交按钮: import { useFormik } from "formik"; import * as Yup from "yup"; const formik = useFormik({ initialValues: { firstName: "", lastN
..
我在验证时遇到问题.我希望如果access的值为1,那么您可以选择start_date和end_date但是,如果access的值不为1,那么您只能选择今天. Codesandbox export const validationSchema = yup.object().shape({ access: yup.number().nullable(), start_date: yup.
..