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

文章/答案/技术大牛

发布

2回答

reactjs、react-native、formik、yup

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

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

回答已采纳

1回答

如何将Google places几何位置数据导入firebase

javascript、firebase、formik

我正在使用React应用程序在formik表单提交时将一些信息存储到firebase/firestore中。当用户输入一个位置时，react-google-autocomplete将执行自动完成，然后返回格式正确的地址以及places.geometry.location纬度和经度。在提交时，我可以使用JSON.stringify控制日志或警报纬度和经度，但控制台返回一个firebase<e

浏览 8提问于2021-05-28得票数 0

回答已采纳

1回答

在formik组件外部处理formik窗体

reactjs、react-native

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

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

回答已采纳

1回答

Formik在空字段上也显示了错误

javascript、reactjs、react-native、formik、yup

当我打开屏幕时，在第一次提交表单之前，我不会看到任何验证错误。一旦正确输入电子邮件地址并按下按钮提交表单，表单逻辑就可以正常工作。会显示一个警报&该字段被重置(有意) 然而，一旦我关闭警报，Formik仍然显示一个错误，我必须输入一个电子邮件地址(必需字段)。是否也可以重设错误？就像我第一次打开屏幕的时候一样？我希望只有

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

2回答

使用Formik处理React Native中的DateTimePicker值

reactjs、react-native、formik

在表单中使用react-native-modal-datetime-picker中的DateTimePicker时，我遇到了一个问题。我的主要目标是当用户按下日期或时间输入时，将显示DateTimePicker。用户选择时间后，DateTimePicker会将该值传递给输入，并将该输入显示在屏幕上。当用户按下提交按钮时，日志控制台将打印出Formik的</

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

1回答

为什么没有用NextJS从表单中提交动态值？

javascript、reactjs、next.js、formik、chakra-ui

我正在研究基于NextJS代码的React。如果在表单字段中手动输入值并提交表单，则可以获得组件函数中的所有值。但是，如果我在表单字段(如value={query.campaignid} )中动态显示值，则组件不会收集任何值。import { Button, Input } from "@chakra-ui/react&qu

浏览 4提问于2022-02-24得票数 2

回答已采纳

2回答

清除Formik错误和表单数据-响应本机

react-native、formik

我正在使用Formik，并想知道如何在离开屏幕时清除错误和表单值。当用户导航到不同的屏幕，然后返回时，这些错误仍然存在。有办法清除这些东西吗？例如，我可以访问useEffect钩子中的Formik方法吗？到目前为止，这就是我的实现： export const SignIn

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

1回答

未重置的触摸属性

javascript、reactjs、typescript、react-native、formik

我有一个Formik表单，在表单中接受用户输入&提交后运行查询。当我单击“搜索”按钮时，会呈现一个列表。所有列表项目都有自己的按钮。当我第一次单击“绿色添加”按钮(从列表项中)时，该按钮不工作。没有打印控制台日志的内容。相反，将触发inputField的inputField事件。但是，如果我再次单击+按钮，它就会工作，并打印no。这个问题可见于模拟器/手机，而不是沙箱上的

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

回答已采纳

3回答

在React* Js中进行表单验证的最佳方法*

reactjs

在angular2中，如果我们想要实现表单验证，我们将使用指令。在React中，我们如何实现这种验证？

浏览 3提问于2017-10-06得票数 1

1回答

使用Formik和Yup作为验证模式时，本机测试失败

reactjs、react-native、formik、yup、react-native-testing-library

我正在尝试为使用Formik构建的React本机组件编写一些测试。这是一个询问用户名和密码的简单表单，我想使用一个使用Yup构建的验证模式。当我使用模拟器并手动测试表单时，表单按照预期的方式运行，只有当输入值无效时才会显示错误消息。然而，当我尝试用@testing-library/react-native编写一些自动化测试时，这种行为并不是我所期望<em

浏览 1提问于2021-01-16得票数 2

回答已采纳

1回答

如何将异步响应作为formik中的验证错误进行处理

reactjs、formik

export const PostcodeFinder: React.FC = () => { postcodeSearch, data, error: fetchError, <Formik }

浏览 15提问于2020-04-15得票数 0

1回答

在一个组件上使用多个Formik窗体处理值状态

javascript、reactjs、formik

我正在构建一个使用React和Formik的页面。在我的表单页面上，我有三个Formik表单，它们使用开关语句有条件地呈现。我是这样做的，因为每个表单的数据都需要发送到他们自己的api端点，所以我要保持它们逻辑上的分离。当提交第一个表单时，它会循环到下一个表单。我遇到了一个问题，在访问第二个<

浏览 4提问于2022-03-02得票数 0

7回答

如何在验证Formik提交之前清除状态？

reactjs、formik

我使用Formik和yup验证，遵循以下模式： setStatus(''); // cleanvalidationSchema = Yup.object({ .... <Formik<MyErrorComponent msg={statu

浏览 7提问于2020-11-25得票数 7

1回答

我无法正确地进口

reactjs、react-native、material-ui、formik

我在vs代码上的项目中使用"npm添加formik yup @material ui/core@material ui/图标“命令在vs代码上使用react本机和安装的formik命令:当我第一次创建表单后重新加载我的项目时，它说：我检查了我的</em

浏览 1提问于2021-02-14得票数 0

回答已采纳

2回答

为什么我不能使用setFieldError或setError将错误设置为formik字段？

javascript、reactjs、react-native、validation、formik

我在自己的React中使用formik，如:在构造函数this.myRef = React.createRef();中<AppForm /></AppForm> 其中AppForm是我的自定义表单

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

回答已采纳

6回答

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

reactjs、react-native

我有一个formik表单，在反应本机代码如下。可以在：查看完整的可运行链接验证只能用handleSubmit完成，不能用于处理进一步的操作。注如果onSubmit检测到有任何验证错误，则不会触发handleSubmit。<Button onPress={handleSubmit} style={styles.button}> </Button>当验证在尝试<em

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

回答已采纳

5回答

如何从formik表单中删除DOM中的空错误div？

reactjs、formik

我在身份验证页面中有以下代码来控制警报消息： {formik.errors.email && <ErrorMessage name="email" /> } {formik.errors.password

浏览 2提问于2020-04-28得票数 3

回答已采纳

3回答

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

reactjs、gatsby、antd、apollo-client、formik

我已经使用antd创建了一个示例Formik表单。现在iam正在用POST_MUTATION.How添加突变，通过formik提交表单值。在这里，我在form.But中调用了handleSubmit，它没有被调用？import React from 'react'im

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

3回答

React本机:无法在呈现其他组件时更新组件

javascript、reactjs、react-native

我有一个简单的组件登录： const [isFormValidState, setIsFormValidState] = React.useState(false); <Formik innerRef={formRef} validationSchema={

浏览 6提问于2022-02-03得票数 5

4回答

使用onSubmit函数在<Formik>中绑定外部按钮

reactjs、submit、formik

我试图通过使用位于<Form>或<Formik>标记之外的外部按钮来提交表单 ); /> );由于按钮在表单之外

浏览 0提问于2019-03-10得票数 15

回答已采纳

点击加载更多