1回答
我正在尝试将Formik与Mui集成，以便有一个按钮组件，如下所示：import { Button } from "@mui/material";<Button {...configButton}>{children}</Button>;这是我使用上面的代码片段，但我想知道如何在这两种情况下禁用submit按
浏览 2提问于2022-04-19得票数 0
下面是我使用React的formik表单验证代码。默认情况下，在加载表单时，我希望禁用submit按钮：import * as Yup from "yup";
}), hand
浏览 6提问于2019-12-22得票数 51
回答已采纳
我正在为我的react项目使用formik库。我需要禁用提交按钮最初时，必填字段为空或有任何错误。我使用下面的代码检查了表单状态。，但表单始终为'isValid: True‘。我需要这个来禁用我的按钮 打印状态 <p> {formik.isValid=== true ?"True" : "False"} </p>
浏览 23提问于2021-03-30得票数 1
回答已采纳
2回答
我有多步骤的形式申请。在第一页上，用户填写表单。第二页是确认页，用户可以在其中检查所有数据，也可以编辑它们，返回到第一页。在表单页面上，我禁用了提交按钮，直到它通过了所有验证规则 type="submit"
浏览 0提问于2021-03-16得票数 1
我的react组件中有一个带有handleSubmit的表单。我需要做的是，当我提交表单时(单击保存时)，保存按钮应该自动禁用，而当我得到响应时，它会自动启用。this.fetchCompanies() } else { }
<FormikclassName="btn
浏览 20提问于2020-03-04得票数 2
Login );/> 我正在尝试这个解决方案 https://github.com/jaredpalmer/formikFormik版本:最新- React版本: v16 - OS: Mac
浏览 93提问于2018-03-28得票数 49
回答已采纳
我使用Formik在React中编写了以下表单： import React, { FunctionComponent } from 'react'; </button> )} );
export default LoginForm; 如果我单击按钮提交
浏览 28提问于2019-01-24得票数 12
回答已采纳
我目前正在使用Formik库在React JS中制作一个表单。我遇到了一个验证问题，我需要用空字符串更改无效的字母。str.replace(/\D/, '); 但是我不能访问Formik值中的input。我需要在每次按键时验证值，但Formik文档中没有关于它的信息。Form import React, {useEffect} from 'react';
import
浏览 15提问于2021-08-31得票数 0
我有一个Formik表单，如下所示，它在最初的实现中工作正常。我必须添加的一个额外功能是，当提交按钮被单击时，我必须禁用它，以防止双击。我遵循了在按钮上定义ref={submitBtnRef}的example here。但是在onClick中插入此代码后，Formik不再提交，它只是停止。如果我删除这个新代码，一切都会正常工作。没有验证错误；我输
浏览 28提问于2021-08-10得票数 0
回答已采纳
我有一个formik表单，如下所示。我可以在formik组件中提交表单。但是我如何在formik组件(本例中是页脚按钮)之外提交它呢？表单url：Click here 具体地说，我如何在Formik组件之外访问此值handleChange, values, handleSubmit, errors,isValid,touched, handleBlur我是用rea
浏览 8提问于2019-12-26得票数 3
回答已采纳
2回答
我正在用Formik创建一个带有Materail UI的登录表单，但是Formik不能识别Button of Material UI。如果我用html按钮替换Button，一切都会正常工作。下面是我的代码：import TextField from "@material-ui/core/TextField";
import FormCon
浏览 14提问于2021-06-02得票数 0
回答已采纳
我正在努力使无形的，和一起工作。文档说我们应该在表单提交时调用recaptchaRef.current.execute()，但是如果我们同时使用Formik和yup，那么只有在所有字段都通过验证模式之后，它才会触发提交逻辑。基本上，我们需要调用execute方法，更新recaptcha值，并使用相同的触发器事件提交表单。我的问题是:我必须使用两个事件(一个用于execute方法，并更新recaptcha +一个来<e
浏览 8提问于2021-01-26得票数 3
回答已采纳
1回答
我正在开发一个表单，在其中，连续有3个下拉列表，最后一个下拉列表可以接受多个值。此外，还有一个添加或删除行的选项。当用户添加一行时，将出现一个具有三个下拉列表的新行。现在，当表单提交时，我试图从下拉列表中获取所选项的值。但是，我不知道我错过了什么才能实现这一目标。当我添加一行时，新行将接受顶部行的选定项。我的代码是这样的：
import { Formik } from "formi
浏览 1提问于2021-06-08得票数 1
回答已采纳
在Formik我有onSumbit <Formik }, 500); > 下面有个按钮type="submit" className='settings-button' onCli
浏览 15提问于2021-03-29得票数 2
回答已采纳
1回答
Formik已禁用提交btn
、、、、
我有Formik表单，其中initialValues并不是所有字段都为空。我的提交按钮有以下条件： .required(), .url() });
为什么在我更改某些字段中的值之前，submit按钮是禁用的？如果所有initialValues都正确并且我没有
浏览 0提问于2021-01-02得票数 0
我有一个简单的Formik表单，其中Submit方法只是输出到控制台。结构是const submitForm = async (formValues) => {console.log(JSON.stringify(formValues)); enableReinitialize
validationSchema={schema&g
浏览 8提问于2021-08-24得票数 8
回答已采纳
2回答
我有一个多步骤形式的Formik。每一步都是用户必须填写的一个组成部分。组件根据"activeStep“状态呈现。如果用户没有填写表单，他将无法进入下一步，“下一步”按钮将被禁用。如果用户填写必填字段，则下一步按钮将变为活动状态。我用"isValid“属性连接了”下一步“按钮。如果有一些错误或输入为空，一切正常，下一步按钮保持禁用<
浏览 0提问于2019-07-02得票数 2
我有一个formik表单，在反应本机代码如下。可以在：查看完整的可运行链接验证只能用handleSubmit完成，不能用于处理进一步的操作。<Button onPress={handleSubmit} style={styles.button}> </Button>当验证在尝试提交后失败时调用的生命周期事件(例如：onValidationError)，在该事件中，我可以访问所有输
浏览 21提问于2019-12-27得票数 8
回答已采纳
我已经构建了一个AutoSave组件，当formik值在formik上下文中发生变化时，它将提交一个formik表单。AutoSave组件提交表单，使用TextInput组件作为表单的字段输入来触发AutoSave组件。我输入1 -- AutoSave中的超时值被触发，我转到2类型，但是超时已经完成，所以它提交，然后禁用输入直到提交完成。在我<e
浏览 10提问于2022-07-21得票数 0
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
