formik 相关问题

React的表单库

如何解决react中的“Invalid hook call”错误

我正在构建一个与 Formik 和 Yup 库反应的基本形式。该表单包含两个字段,电子邮件和密码;那应该从用户那里获取值并将其打印在控制台中。 现在的问题是我

回答 4 投票 0

Formik的表单无法识别材料UI组件的文本字段值?

我使用formik和材料UI构建了一个简单的联系页面。一切正常,除了我使用Material UI组件而不是常规输入标签时。似乎程序无法读取...

回答 1 投票 0

在Reactjs中切换页面或选项卡时,保持formik表单值

如果用户在填写formik表单时在页面或选项卡之间切换,则输入的值会丢失。因此,我想保留用户输入的值中的formik。formik表单字段为...

回答 1 投票 0

无法从嵌套数组React访问值

我正在尝试使用React + Formik使用Array.map访问嵌套数组的值。作为一个初学者,会犯一些愚蠢的错误。得到错误{post.ShiftData.map((shift,index)=> {...

回答 1 投票 0

Formik-如何从组件的props设置输入字段值?

我正在将Formik用于我的表单。输入之一应该由props值填充。我该怎么做?这是我的方法:

回答 1 投票 0

使用useRef钩子将纯JS转换为React.js

我试图将这种简单的javascript转换为使用useRef钩子做出反应。普通JS:https://codesandbox.io/s/friendly-maxwell-ub18w?file=/src/index.js反应:https://codesandbox.io/s/dry-frog-urzjp?file = ...

回答 1 投票 0

正在尝试向诉讼提交形式表格

这可能是一个简单的解决方法,但由于我仍在学习,所以我很茫然。我构建了一个动作addTenant(),该动作通常会进入该状态并将其传递给调度后的API调用,该调用是...

回答 2 投票 0

如何在formik中访问validationSchema内部的值

仅当我使用验证时才可访问值,但不能在验证模式内访问值[[

回答 1 投票 0

使用Formik确认密码

我正在尝试使用formik的字段验证来确认密码验证。但是我在尝试比较密码和确认密码时遇到了麻烦,到目前为止,我已经注册了.js

回答 1 投票 1

如果字段不为空,则在提交时不验证Formik和Yup中未修改的字段

我有一个使用我的React应用程序中使用withFormik()制作的表单的验证模式,这里validateJql()是我对yup validateSchema的自定义验证函数:Yup.object()。shape({...

回答 1 投票 5

如何设置具有多个选项的Material UI Select组件的size属性?

我正在尝试在本地HTML select元素上设置size属性。这决定了在多重选择中要显示多少个选项(即垂直高度)。我看不到这个道具...

回答 1 投票 0

在用户选中重新输入复选框之前,禁用表单提交按钮

我正在尝试禁用表单的提交按钮,直到用户单击Google Recaptcha复选框'我不是机器人'了吗?还是需要下载特定于...的React组件?]] >

回答 1 投票 1

T扩展ChangeEvent ? void:(e:字符串| ChangeEvent )

我有一个用于Formik输入验证的自定义输入组件。看起来像这样:export const FieldInput:React.FunctionComponent =({{handleChange,...

回答 1 投票 0

如何以formik形式从DOM中删除空错误div?

我在身份验证页面中具有以下代码来控制警报消息: {formik.errors.email && ]

回答 5 投票 2

如何使用日期时间段

我有一个从输入发送年和月的值,然后将值发送到服务器时,我将其转换为ISO字符串的形式,例如:const toIsoString =(year,...

回答 2 投票 0

ReactJS中无效的Hook调用在验证中

我在ReactJS中实现登录验证时遇到问题。我正在使用Material-UI,Formik和Yap。我已经实现了,但是它有一个错误,提示无效的钩子调用。挂钩只能称为...

回答 2 投票 0

有没有更好的方法来编写此检查,以查看React中道具上是否存在值?

我有这个道具进入我的组件,错误,如果我的表单没有错误,这是一个空对象。如果有错误,它们将被添加到对象中。我的问题是,即时通讯正在检查特定的...

回答 1 投票 0

与Formik一起使用时如何在Material UI中禁用文本字段

我有一个可用于Formik表单的可回收Material UI文本字段- 我要制作我的...

回答 1 投票 0

如何在React中一次提交多个表单数据?

我有10个组件显示为侧面导航列表项。每个组件都是一个表单(Formik,Material,Yup)。当用户单击其中一个项目进入相应的表单页面时,他可以填写...

回答 1 投票 0

如何使用Yup验证相互依赖的数字字段?

我有一个具有相互依赖的数字字段的模型,我正在努力查看如何使用yup设置复杂的验证。为了简单起见,假设一个对象具有以下形状:{...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.