React Formik: IsSubmitting不适合我
React Formik是一个用于构建表单的React库。它提供了一种简单且灵活的方式来处理表单输入、验证和提交等功能。在React Formik中，IsSubmitting是一个布尔值，用于表示当前表单是否正在提交中。
虽然IsSubmitting在某些情况下可能不适合使用，但它在处理表单提交时仍然具有一定的优势和应用场景。下面是一些相关信息：
- 概念：IsSubmitting是React Formik中一个内置的表单状态属性，它用于表示表单是否正在提交中。当表单提交时，IsSubmitting会被设置为true，直到提交完成或失败后恢复为false。
- 优势：IsSubmitting的存在可以帮助我们在表单提交过程中进行相关操作，例如禁用提交按钮、显示加载状态、处理异步验证或其他副作用等。通过检查IsSubmitting的值，我们可以根据不同的提交状态来更新用户界面，提供更好的用户体验。
- 应用场景：IsSubmitting适用于需要在表单提交期间执行一些特定操作的场景。例如，在表单提交时，可以显示一个加载指示器，禁用提交按钮，或者进行一些后台处理，如发送请求、验证数据等。使用IsSubmitting，可以更加精确地控制表单提交时的用户交互和界面状态。
- 推荐的腾讯云相关产品：腾讯云提供了丰富的云计算产品和服务，可以用于支持React Formik的开发和部署。其中，推荐的产品包括：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，用于部署React应用和后端服务。
- 腾讯云对象存储（COS）：用于存储和管理表单数据、文件上传等相关资源。
- 腾讯云函数计算（SCF）：可以用于处理表单提交的后台逻辑和验证。
- 腾讯云数据库（CDB）：提供可靠的数据库服务，用于存储和查询表单数据等。
- 您可以通过腾讯云官网（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用方式。
希望以上信息能对您有所帮助！
相关·内容
我正在使用Formik效果库来控制我的onChange效果。但是Formik效果库被破坏了，所以我需要编写我自己的效果来触发Formik onChange()函数。我仍然是React的初学者，所以我正在努力如何重构它。// TODO: refactor with HOOK!import React from 'react
浏览 0提问于2019-07-29得票数 2
我试图使用的材料UI单选按钮与Formik，他们没有正确地点击。我将问题简化为以下示例：
如果有人知道我可能做错了什么，或者在这两个系统中都有错误，那么请告诉我。我有一个使用其他库组件的更复杂的，所以我不能在这里包含它。它的行为有点不同:即使在单击另一个按钮之后，按钮也会保持单击状态。这可能是也可能不是同样的问题。提前谢谢。
浏览 5提问于2019-10-18得票数 7
回答已采纳
我在我的react应用程序中使用Formik。我尝试使用isSubmitting属性更改按钮的状态，但似乎不起作用。既不更新按钮文本，也不设置样式。我已经找到了一个示例解决方案，但这也不起作用。Formik sandbox code example
浏览 20提问于2021-10-12得票数 1
我正在尝试从handleClick函数访问在render={...}中创建的formikBag的值。 我首先尝试使用useState钩子来设置状态，然后访问它，但我得到了undefined。export const Form: React.FC<FormProps> = (props) => { return( initialValue
浏览 7提问于2019-05-10得票数 0
回答已采纳
2回答
我是个新手，在使用Formik时，我遇到了第22条军规的情况，我似乎对Formik有心理障碍。如果我使用withFormik()，那么我的组件就不能在其提交处理程序中使用钩子。import React, { useEffect } from "react";import {&#
浏览 3提问于2020-08-02得票数 0
我正在尝试修改下面的代码以使用react useRef，而不是使用document.querySelector(selector) as HTMLElement;，因为这不是react中的最佳实践。我正在尝试实现滚动到Formik表单上的第一个错误的功能，这段代码确实可以工作，但是我如何使用React useRef来实现呢？代码如下： import React, { useEffect } from 'react'
浏览 38提问于2021-01-26得票数 0
我有一个formik表单，在反应本机代码如下。可以在：查看完整的可运行链接验证只能用handleSubmit完成，不能用于处理进一步的操作。style={styles.button}> </Button>当验证在尝试提交后失败时调用的生命周期事件(例如：onValidationError)，在该事件中，我可以访问所有输入验证错误道具以进行进一步的操作我想处理一些事情(比如在验证失败时弹出警报或滚动到第一条错误消息)。
代码应该类似于下面的
浏览 21提问于2019-12-27得票数 8
回答已采纳
如果我添加了像if (isSubmitting) return这样的东西，Formik会将其视为正在解析的Promise，并立即将isSubmitting设置为false (即使之前有Promise正在运行import React from 'react';import { Formik, Field, Form } from '<e
浏览 27提问于2021-07-01得票数 0
1回答
我是react和Formik的新手，我正在尝试创建一个登录表单。由于某些原因，对API的请求被作为我创建的默认初始对象发送。代码如下： import { Formik, Form } from 'formik';import { observer } from'mobx-react';
import React
浏览 15提问于2021-11-23得票数 2
回答已采纳
初始形式值由滑块获取，但Formik handleChange事件不更新滑块值const formik = useFormik({ id="slide" aria-label="term slider"
浏览 2提问于2020-05-29得票数 1
我正在寻找如何在useFormik事件中使用带有onSubmit钩子的异步等待。我想在onSubmit事件中使用axios库，但是使用异步等待，但我无法找到如何在onSubmit事件中使用异步等待。import React from 'react'; const formik}
value={<e
浏览 7提问于2022-06-20得票数 0
回答已采纳
我试图跟踪表单提交，以显示循环进度，直到表单提交。根据formik文档，我可以使用isSubmitting变量来实现这一点，但是我得到了“未定义的ReferenceError: isSubmitting未定义”错误。import React, { useContext, useCallback,} from "react>'
浏览 0提问于2019-11-12得票数 2
回答已采纳
1回答
用道具控制输入
、、、、
因此，我正在做一个小项目，在这个项目中，我创建了一个用户配置文件页面来显示用户配置文件，并在那里管理员可以更新他们的信息。我想用受控输入来实现，在这个输入中，它所显示的相同的输入，例如用户名和管理员可以在相同的输入中写入其他内容。但它不想工作，也不知道我需要改变什么。所以让我解释一下我做了什么--我有包括用户名的数据，我用props.props.firstName得到了它，它运行得很好，尝试了我认为可以做的所有事情--清空useSta
浏览 9提问于2022-11-23得票数 0
我在React.js项目中使用Formik验证表单，但不幸的是它不工作，当我点击提交按钮孔时，它将被刷新… <Formik initialValues = {{ handleBlur, errors, isSubmittingFormGroup>
<Button color="p
浏览 36提问于2019-07-03得票数 0
回答已采纳
我试图将从子组件下拉选择器中选择的值传递给父组件，并将其存储到formik中。但我似乎搞不明白。使用的Github react本机元素下拉包：import React from "react";import StyledPickerhandleChange, handleS
浏览 3提问于2022-09-29得票数 0
回答已采纳
2回答
我的应用程序有组件的表单。更改表单值后，此组件调用提交。一切运行良好，但当更改路由时，它会更改表单值和<AutoSave/>调用提交。如何解决这个问题？AutoSave:import { useFormikContext } from 'formik()
debounce(<e
浏览 0提问于2019-12-11得票数 5
回答已采纳
1回答
我有一个反应应用程序使用Formik和资料-ui。我抓取了submit按钮html元素，但是fireEvent没有工作。我认为问题来自Formik库层。“按钮”组件是一个可重用的材料ui按钮。} from 'react-testing-library'; )
浏览 1提问于2019-07-29得票数 1
回答已采纳
3回答
我有两个相同的组件，只有很少的区别(一个)。有两个重复的代码和样板，但我不知道如何重构这一点，所以我只需要提供一个配置。LoginPage.jsimport { Link } from 'react-router-dom';import { Formik, FastField, Form, Err
浏览 0提问于2019-01-01得票数 0
回答已采纳
我创建了这个示例，下面是代码：import { Formik, FormikConfig, FormikProps, Form, FormikErrors } from "formik";import { scrollToValidationErrorr
浏览 1提问于2020-04-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
