React的表单库
如何解决react中的“Invalid hook call”错误
我正在构建一个与 Formik 和 Yup 库反应的基本形式。该表单包含两个字段,电子邮件和密码;那应该从用户那里获取值并将其打印在控制台中。 现在的问题是我
我使用formik和材料UI构建了一个简单的联系页面。一切正常,除了我使用Material UI组件而不是常规输入标签时。似乎程序无法读取...
在Reactjs中切换页面或选项卡时,保持formik表单值
如果用户在填写formik表单时在页面或选项卡之间切换,则输入的值会丢失。因此,我想保留用户输入的值中的formik。formik表单字段为...
我正在尝试使用React + Formik使用Array.map访问嵌套数组的值。作为一个初学者,会犯一些愚蠢的错误。得到错误{post.ShiftData.map((shift,index)=> {...
我试图将这种简单的javascript转换为使用useRef钩子做出反应。普通JS:https://codesandbox.io/s/friendly-maxwell-ub18w?file=/src/index.js反应:https://codesandbox.io/s/dry-frog-urzjp?file = ...
这可能是一个简单的解决方法,但由于我仍在学习,所以我很茫然。我构建了一个动作addTenant(),该动作通常会进入该状态并将其传递给调度后的API调用,该调用是...
我正在尝试使用formik的字段验证来确认密码验证。但是我在尝试比较密码和确认密码时遇到了麻烦,到目前为止,我已经注册了.js
如果字段不为空,则在提交时不验证Formik和Yup中未修改的字段
我有一个使用我的React应用程序中使用withFormik()制作的表单的验证模式,这里validateJql()是我对yup validateSchema的自定义验证函数:Yup.object()。shape({...
如何设置具有多个选项的Material UI Select组件的size属性?
我正在尝试在本地HTML select元素上设置size属性。这决定了在多重选择中要显示多少个选项(即垂直高度)。我看不到这个道具...
我正在尝试禁用表单的提交按钮,直到用户单击Google Recaptcha复选框'我不是机器人'了吗?还是需要下载特定于...的React组件?]] >
T扩展ChangeEvent ? void:(e:字符串| ChangeEvent )
我有一个用于Formik输入验证的自定义输入组件。看起来像这样:export const FieldInput:React.FunctionComponent =({{handleChange,...
我在身份验证页面中具有以下代码来控制警报消息: {formik.errors.email && ]
我有一个从输入发送年和月的值,然后将值发送到服务器时,我将其转换为ISO字符串的形式,例如:const toIsoString =(year,...
我在ReactJS中实现登录验证时遇到问题。我正在使用Material-UI,Formik和Yap。我已经实现了,但是它有一个错误,提示无效的钩子调用。挂钩只能称为...
有没有更好的方法来编写此检查,以查看React中道具上是否存在值?
我有这个道具进入我的组件,错误,如果我的表单没有错误,这是一个空对象。如果有错误,它们将被添加到对象中。我的问题是,即时通讯正在检查特定的...
与Formik一起使用时如何在Material UI中禁用文本字段
我有一个可用于Formik表单的可回收Material UI文本字段- 我要制作我的...
我有10个组件显示为侧面导航列表项。每个组件都是一个表单(Formik,Material,Yup)。当用户单击其中一个项目进入相应的表单页面时,他可以填写...
我有一个具有相互依赖的数字字段的模型,我正在努力查看如何使用yup设置复杂的验证。为了简单起见,假设一个对象具有以下形状:{...