腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
从
Formik
onSubmit
处理
程序
更新
状态
导致
useEffect
触发
两次
reactjs
、
use-effect
、
formik
在这段代码中,
Formik
onSubmit
调用了一个函数,该函数
更新
了两个
状态
。这两部分都是
useEffect
上的参数,它会
导致
useEffect
记录
两次
“
更新
”。import { useState,
useEffect
} from "react"; expo
浏览 36
提问于2021-07-07
得票数 0
2
回答
在调用事件侦听器之后,
Formik
返回旧值而不是最近值或当前值
javascript
、
react-native
、
deep-linking
、
formik
这个过程是:填写表单>验证和提交表单>打开返回深度链接的URL >捕捉深度链接>使用表单值注册用户和使用深链接参数注册用户 }, Linking.openURL(URL); validationSchema: getValidation(),
浏览 3
提问于2020-07-08
得票数 0
回答已采纳
1
回答
无法在表单提交上使用
Formik
执行反应性
状态
更新
javascript
、
reactjs
、
formik
To fix, cancel all subscriptions and asynchronous tasks in a
useEffect
cleanup function.import React from "react";import { useHistory } from "react-router-domerrors.mail = "Invalid mail address";
浏览 3
提问于2021-03-12
得票数 0
回答已采纳
1
回答
如何检查
formik
何时初始化和就绪?
reactjs
、
formik
我正在使用
Formik
在我的应用
程序
中
处理
表单。使用useRef,我成功地在
Formik
外部调用了
Formik
props。={validationSchema} {props => (</
Formik
> 我
从
URL获取userId,并从服务器
浏览 0
提问于2019-10-28
得票数 0
1
回答
React
Formik
-在组件重新安装和启用按钮时验证表单
javascript
、
reactjs
、
formik
我正在编写一个React应用
程序
,并使用
Formik
和Yup作为表单。我遇到问题的页面是一个向导样式的页面,它在页面加载时呈现Form1,上面有一个“下一步”按钮。在我填写完Form1后,“下一步”按钮变为启用
状态
,我可以转到下一个表单。当我使用Form2时,我希望能够返回到Form1并按下“后退”按钮。当
Formik
被重新呈现时,它会正确地将值加载到表单中,但是它不会验证表单,因此"Next“按钮被禁用,即使数据是有效的。我必须在其中一个字段上引发一个更改事件,才能启用“下一步”按钮。我已经阅读了文档并尝试了<
浏览 6
提问于2020-05-09
得票数 6
2
回答
Formik
表单不使用onclick
更新
reactjs
、
formik
我有一个自定义事件
处理
程序
(当单击按钮时),它根据下拉选择在嵌套数组中注入数据。事件
处理
程序
添加数据后,表单不会正确
更新
。对表单的任何其他输入调用任何其他事件
处理
程序
都将
触发
表单
更新
。数据设置正确,但表单在初始onClick事件后不能正确
更新
(参见代码) 我设置了enableReinitialize https://codesandbox.io/s/updateissue-fy
浏览 26
提问于2021-01-26
得票数 2
回答已采纳
5
回答
如何在
useEffect
钩子中格式化setFieldValue
reactjs
、
react-apollo
、
formik
、
use-effect
我可以设置表单并检索数据,但是我不知道如何在
useEffect
钩子中为底层表单执行setFieldValue。我觉得我错过了访问
Formik
上下文的一些重要部分,但我无法
从
文档中找到它。import React, { useState,
useEffect
} from "react"; ] = useLazyQuery(GET_PLA
浏览 144
提问于2020-02-23
得票数 16
回答已采纳
1
回答
Formik
javascript
、
reactjs
、
formik
、
formik-material-ui
我使用
Formik
在函数组件ReactJS上创建了简单的表单。当组件挂载时,我的表单应该
从
API获取数据。为此,我使用fetch和
useEffect
。拉取完成后,会
从
接口中获取数据,但直到
触发
formik
.handleChange时才会填充。如果尝试在任何输入字段中指定某些内容,则会
触发
formik
.handleChange,并且所有字段都会立即填充来自该接口的数据(在我的示例中,应该只填充电子邮件) 组件挂载时如何
触发
for
浏览 11
提问于2021-01-18
得票数 0
回答已采纳
3
回答
React本机:无法在呈现其他组件时
更新
组件
javascript
、
reactjs
、
react-native
return ( }} ); } react本机不能在呈现不同组件
Formik
时
更新
组件登录然后,它将指出Lo
浏览 6
提问于2022-02-03
得票数 5
1
回答
只有当用户停止键入时才使用
Formik
进行自动保存
javascript
、
reactjs
、
formik
使用
formik
上下文onChange
更新
输入值。AutoSave组件提交表单,使用TextInput组件作为表单的字段输入来
触发
AutoSave组件。</p>} </Form> </
Formik
>}; 因此,我遇到的问题是,当
浏览 10
提问于2022-07-21
得票数 0
2
回答
使用
状态
更新
Formik
初始值之一重置所有其他值
javascript
、
reactjs
、
formik
我现在有一个使用
formik
构建的表单。我能够
更新
每个字段(姓名,电子邮件,电话)如预期。我遇到的问题是,当我提供一个带有
状态
值的
formik
初始值并
更新
该
状态
时。
更新
状态
的行为
导致
表单完全重置输入字段,是否有一种方法可以
更新
测试
状态
而不重置整个表单?我的代码如下:import {
Formik</em
浏览 9
提问于2021-02-25
得票数 5
回答已采纳
4
回答
我正在从另一个组件中更改REACT组件的
状态
,但没有刷新。
javascript
、
reactjs
、
formik
当我将用户添加到后端时,我正在更改用户响应组件的
状态
。用户添加时没有任何问题。当"
onSubmit
:“发生时,我发送User元素的
状态
,然后更改
状态
,但是用户REACT组件没有重新加载。import { v4 as uuidv4 } from 'uuid';import { useFormikuseFormik( {initialVa
浏览 11
提问于2022-02-11
得票数 1
3
回答
如何在一个子功能组件中
触发
一个动作?
reactjs
、
typescript
、
react-native
、
react-functional-component
、
react-state
对于基本的表单/输入布局,回调显然应该用于从子到父(由子元素发起)的
状态
更改,但是父组件如何要求子组件重新评估其
状态
并将其传递给父组件? 这里的最终目标只是在提交表单按钮时
触发
子输入的验证。
更新
一个有效
触发
重新验证的submitted
状态
变量,但是
useEffect
的排序总是在父组件评估
onSubmit
之后进行,从而
导致
一个过时的值。也就是说,在valid变量
更新
之前,需要
两次
单击subm
浏览 3
提问于2021-03-02
得票数 5
回答已采纳
1
回答
如何使用语义用户界面和钩子来获取下拉列表的值
reactjs
、
typescript
、
react-hooks
、
semantic-ui
、
formik
我的代码是这样的:import React, { Fragment } from "react"; <Grid.Row className={"rulesetGrid fluid"} > <
Formik
initialValues={initialVal
浏览 1
提问于2021-06-08
得票数 1
回答已采纳
2
回答
Formik
初始值与Redux不同步
javascript
、
reactjs
、
react-redux
、
formik
为了
处理
这个问题,我在
useEffect
中添加了一个redux fetchUser操作,并将表单的初始值设置为redux存储中的currentUser。fetchUser命中数据库端点并
更新
redux存储中的currentUser。 但是,如果我提交表单并重新加载页面,初始数据不会
更新
。 我不确定为什么我的初始值/表单与我的redux存储不是最新的。如果我离开表单并导航回表单
两次
,表单将使用正确的数据进行
更新
。 我的假设是,每次呈现组件时,表单都不会重置初始值。看起来数据是持久
浏览 39
提问于2020-06-15
得票数 1
1
回答
将useCallback函数传递给
Formik
innerRef以侦听
状态
更改?
javascript
、
reactjs
、
formik
我想知道是否有人有经验将回调
从
useCallback传递给
Formik
的innerRef道具。我没有很好地使用这个钩子,所以我仍然试图更好地理解它。目前,我有以下内容,它可以
从
<
Formik
>组件之外
触发
Formik
提交,但是我很难根据对
Formik
的isValid
状态
的更改来
更新
isSavingDisabled,因为refs在指定为依赖项时不会
触发
useEffect
(正如React中
浏览 1
提问于2021-07-09
得票数 1
回答已采纳
1
回答
从
表单外的异步函数
更新
Formik
字段
javascript
、
reactjs
、
formik
当事件
处理
程序
被调用时,我希望能够
更新
lat和lng字段,这样就可以通过单击映射而不是直接输入值来填充它们。import React, {
useEffect
} from 'react'; const onMapClick = e => { console.log
浏览 4
提问于2022-11-25
得票数 0
3
回答
Formik
onSubmit
-删除表单和成功消息
reactjs
、
typescript
、
axios
、
formik
这是我第一次使用
Formik
,我面临以下问题:我使用
Formik
文档中提供的类型记录启动器创建了这个表单,它可以工作,但是我想展示一条成功的消息,并在axios返回
状态
200时删除该表单。通常情况下,这和e.target一样简单,但是在
Formik
中事件似乎是不可用的。 提前谢谢。<
Formik
firstName
浏览 8
提问于2020-03-27
得票数 1
回答已采纳
1
回答
基于用户输入获取固定恢复数据
reactjs
、
firebase
、
google-cloud-firestore
Input Field (basically a String)
useEffect
(() => {}, []) console.log(links) function getLinks
浏览 7
提问于2022-06-09
得票数 1
2
回答
React Native
Formik
handleSubmit不从函数读取返回值
reactjs
、
react-native
、
formik
我今天有一个奇怪的使用
formik
的体验,我目前正在开发一个使用
formik
来
处理
表单的应用
程序
,它将在
formik
的
onSubmit
()函数中做一个API请求。不知何故,
onSubmit
函数中的内容将正常工作,但API回调值不会返回,除非我在应用
程序
本身中执行UI更改(如按下屏幕上的任意点以
触发
ui更改)。下面是我的
formik
的
onSubmit
函数
onSubmit
={valu
浏览 21
提问于2020-05-18
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React Hooks踩坑分享
React组件开发中常见的陷阱
使用React Hooks代替类的6大理由
编写React组件时常见的5个错误
ThinkPHP5开发连载五十四之模型-数据完成
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券