未使用react和formik提交表单

文章/答案/技术大牛

发布

1回答

reactjs、react-redux、formik、yup

我无法提交此表单。我不知道我在这里遗漏了什么，但我的其他表单工作得很好。我的Yup验证工作正常，但当我点击“发送”按钮时，它不会进入onSubmit处理程序，即使该字段已被验证。import React from 'react'; importForgetPasswordModal = ({ sh

浏览 11提问于2021-05-27得票数 0

回答已采纳

2回答

如何在react native中显示在提交Formik表单后发现错误的警报

reactjs、react-native、formik、yup

我有一个react原生的Formik表单和一个Yup validationSchema。当用户提交表单时，我想创建一个警告与错误字段，如果有字段是无效的。Dependencies:"react": "16.5.0", "react-native": "0.57.1", 我曾尝

浏览 17提问于2019-01-11得票数 5

回答已采纳

1回答

在卸载时提交Formik表单

reactjs、formik

是否可以在没有提交按钮的情况下提交表单？例如，在组件卸载时提交表单，这样用户就不需要单击按钮来保存。想想这样的事情：import { Formik, Form, Field } from "formik"; const Example = ()//trigger Submit or send Request with

浏览 3提问于2020-08-10得票数 3

回答已采纳

1回答

未明错误:必须在数据路由器中使用useSubmitImpl

javascript、reactjs、react-router、formik

我正在使用下面的版本，"react"："^18.2.0"“react router”："^6.4.0"“打字稿”："^4.7.4"“@types/r

浏览 10提问于2022-10-05得票数 1

6回答

React Formik在<Formik />外部使用submitForm

reactjs、formik

Login );/> 我正在尝试这个解决方案 https://github.com/jaredpalmer/formikFormik版本:最新- React版本: v16 - OS: Mac

浏览 93提问于2018-03-28得票数 49

回答已采纳

2回答

防止在更改路线时提交Formik* AutoSave*

javascript、reactjs、react-hooks、next.js、formik

我的应用程序有组件的表单。更改表单值后，此组件调用提交。一切运行良好，但当更改路由时，它会更改表单值和<AutoSave/>调用提交。如何解决这个问题？AutoSave:import { useFormikContext } from 'formik() const d

浏览 0提问于2019-12-11得票数 5

回答已采纳

6回答

验证错误发生时处理formik表单

reactjs、react-native

我有一个formik表单，在反应本机代码如下。可以在：查看完整的可运行链接验证只能用handleSubmit完成，不能用于处理进一步的操作。<Button onPress={handleSubmit} style={styles.button}> </Button>当验证在尝试提交后失败时调用的生命周期事件<Formik alert(JSON.string

浏览 21提问于2019-12-27得票数 8

回答已采纳

1回答

如何在类组件中使用useFormikContext钩子？

javascript、reactjs、react-native、react-hooks、formik

我正在使用Formik表单在React本地应用程序中。我希望使用Formik组件之外的按钮提交我的表单。我如何提交我的表格？

浏览 6提问于2021-11-12得票数 2

回答已采纳

3回答

在ReactJS中处理表单的最佳实践是什么？

javascript、reactjs、forms

在VanilaJs中，我们在onSubmit期间使用FormData make request从表单中获取数据。在ReactJ documentation中，我们看到在提交之前，我们建议提交数据，这引入了user.After onClick on submit按钮，我们从状态中获取这些数据并提出请求。那么，使用React处理表单是最好的方法吗？

浏览 9提问于2019-01-16得票数 2

回答已采纳

2回答

在调用事件侦听器之后，Formik返回旧值而不是最近值或当前值

javascript、react-native、deep-linking、formik

我试图在REACT本地创建一个注册流。这个过程是:填写表单>验证和提交表单>打开返回深度链接的URL >捕捉深度链接>使用表单值注册用户和使用深链接参数注册用户 initialValu

浏览 3提问于2020-07-08得票数 0

回答已采纳

1回答

我有一个formik表单，如下所示。我可以在formik组件中提交表单。但是我如何在formik组件(本例中是页脚按钮)之外提交它呢？表单url：Click here 具体地说，我如何在Formik组件之外访问此值handleChange, values, handleSubmit, errors,isValid,touched, handleBlur我是用react-native做的，但我猜react</e

浏览 8提问于2019-12-26得票数 3

回答已采纳

1回答

在Reactive原住民中使用验证构建表单的最合适方法是什么？

reactjs、react-native、forms、input

目前，我们有几个库来实现表单。但是，我不知道在Reactinative中使用库是合适的，还是完全实现表单更好。我见过像Formik和这样的选项

浏览 3提问于2022-12-02得票数 1

1回答

只有当用户停止键入时才使用Formik进行自动保存

javascript、reactjs、formik

我已经构建了一个AutoSave组件，当formik值在formik上下文中发生变化时，它将提交一个formik表单。formik使用formik上下文onChange更新输入值。"red" : "black"}` /> );然后，我有一个form

浏览 10提问于2022-07-21得票数 0

3回答

如何通过ApolloClient变异提交formik表单？

reactjs、gatsby、antd、apollo-client、formik

我已经使用antd创建了一个示例Formik表单。现在iam正在用POST_MUTATION.How添加突变，通过formik提交表单值。import React from 'react'import * as AntD from "antd";/shar

浏览 0提问于2019-02-25得票数 0

1回答

如何使用Formik与React选择与isMulti？

reactjs、react-hooks、formik、react-select、yup

我正在构建一个系统，在这里我们可以创建一个项目，并通过使用Formik、Yup和React Select填充一个表单，将其分配给几个用户。然而，当我使用Formik提交表单时，我真的很难传递用户数组，Formik没有接收来自React Select的数据。required'), assigned: Yup.array().required('At least one assi

浏览 1提问于2022-06-03得票数 1

回答已采纳

1回答

如何在React中从表单中获取数据

reactjs

我在我的React站点上有一个表单，我正在尝试获取用户输入的数据。我遵循了文档here和一个类似的Stack Overflow post here，当我按下submit按钮时，我会收到警告消息。

浏览 97提问于2020-11-29得票数 1

3回答

特定字段格式的句柄重置

javascript、reactjs、formik、react-select

我刚开始使用Formik，我喜欢它使制作表单和在react中处理表单变得多么简单。我已经使用formik创建了多个自定义字段，我在这里将创建的react select字段作为示例。import { ErrorMessage, Field } from "formik";import Select from

浏览 21提问于2022-03-17得票数 5

1回答

无法提交表单formik和react-native-element

react-native、formik

我并没有在react-native上做过很多工作，但是formik和react-native-element在我的设置中并没有取得任何进展。我真的不确定我到底错过了什么。基本上，表单是不能提交的。我有一个可重用的按钮和由react原生元素组成的输入组件。表单不会被提交。出于好奇，我也尝试了RN的默认按钮来提交表单，但同样不起作用。我的沙箱是here。我的设置非常简单，你可以在下面

浏览 17提问于2019-12-08得票数 1

1回答

React-select在输入时不提交表单

javascript、reactjs、react-select

我正在使用Formik和React-Select，我想在聚焦于select时按enter键提交表单。当我专注于任何其他输入并按下Enter时，它会提交表单，没有任何问题，但当我尝试用Select做同样的事情时，它不起作用。即使在formik的例子中，它也不能工作。我知道我可以监听Enter并提交表单，但可能有一些事件或道具应该只附加到Select https://codesand

浏览 12提问于2019-02-14得票数 0

1回答

表单选择框不更新表单提交上的字段

javascript、reactjs、axios、formik

我正在使用Formik和React来处理我的web应用程序表单。我试图在github上找到与这个问题相

浏览 0提问于2018-10-28得票数 1

点击加载更多