提交数据后,我正在使用formik.resetForm()从表单中的文本字段中删除值。 我知道还有很多其他类似的问题,但我的不同,我知道底层 Formik 资源的值、错误、触摸已被清除,但值仍然存在于文本框中。 问题是我知道底层的 Formik 对象已被清除,因为在我提交后,验证会触发并提示我,就像 ...
提交数据后,我正在使用formik.resetForm()从表单中的文本字段中删除值。 我知道还有很多其他类似的问题,但我的不同,我知道底层 Formik 资源的值、错误、触摸已被清除,但值仍然存在于文本框中。 问题是我知道底层的 Formik 对象已被清除,因为在我提交后,验证会触发并提示我,就像 ...
大家下午好。 我正在尝试使用 Formik、MUI 和 yup 创建注册表单。 我对我的登录做了同样的事情,它与后端帖子等完美配合。此外,我的后端身份验证/注册正在工作,使用 postman 进行了测试。我的问题是每当我按下注册按钮时,什么都没有发生。 甚至没有我的“测试”字符串的控制台日志记录。i ...
我正在尝试使用材料 UI select 字段以及用于学习的 Formik 的 withFormik 创建待办事项应用程序。 添加功能有效,但每次我尝试删除一个项目时,要么删除整个列表,要么删除最后一个元素,无论我单击删除的是哪个项目。 表单组件 ` ` 在我的表单组件中,我使用了 withForm ...
如何在 Formik 中使用 Conditon 设置 TextField 中的值? 基本上我想要 select 这个名字,然后这个名字自动设置为 TextField 但我找不到正确的方法,任何人都可以帮助:!! 提前致谢 :))))))))))))) 这是 TextField 组件 这是仪表板组件 ...
我花了太多时间来寻找这个错误的答案。 已经在 map function 上添加了密钥key={models.model_id} 。 在我的表格上: 在我的 JSelect 功能组件上: 错误截图: ...
我正在努力使我的 Formik 表格正常工作。 这是我的代码的一部分:import { Formik, Form as FormikForm, Field } from "formik"; import {TextField} from "@mui/material"; <Formik ...
我是 reactjs 的新手。 我为公司列表创建了一个下拉列表并希望获取值。 我仍然无法从下拉列表中获取值。 我尝试了几种检索数据的方法,但无法做到这一点。 任何人都可以帮助我获得价值吗? 这是我的一些代码。 这是我的整个代码。 /** ============================== ...
我在将Formik与 MUI 的Select组件集成时遇到了一些挑战,首先,它没有改变onChange事件的值,也没有显示任何错误消息,如果我没有 select 任何东西,所以最后,我能够找到解决方案,我在下面分享了答案 ...
我是 Material UI 的新手,我有一个页面充满了无响应的内容,我必须做出响应。 我以前做过响应式的小网格和盒子,但没有这种规模。 例如,我真的不知道如何让整个段落完全出现在手机上。 在加载该页面时看起来像这样。 而我希望它至少不会像这样放大。 感谢任何帮助。 ...
我对材料 UI 比较陌生,我设计了一个类型搜索的文本字段。 我希望它能够响应。 但是我无法以宽度小于 423 的屏幕尺寸呈现文本字段 任何帮助表示赞赏。 ...
我必须编写一个条件语句来使某个百分比值如果为正则为绿色,如果为负则为红色。 但是我不确定在哪里写这个条件语句。 我需要让row.data.marketD显示颜色。 但我不知道在哪个标签中包含这个条件。任何帮助表示赞赏。 ...
我有 2 个并排的图表。 但他们不在中心,这看起来有点尴尬。 编码: 我想将图形放置在中心,以便灰色背景均匀分布。 任何帮助表示赞赏。 ...
目前有两个盒子是这样的。 我希望 Nifty 像标题一样放在数字之上。 我对 Material UI 比较陌生。 我将不胜感激有关如何为我的盒子提供标题的任何帮助。 2个盒子的代码: 谢谢。 ...
所以我用 React 工作已经一个月了。 有一个问题我不知道该怎么办。 在onChange event handlers中,即使在最小的页面和项目中,键入也会有延迟,特别是在Removing text时会延迟。 为什么会这样? 我的意思是 React 之所以流行是因为 Fast UI 对吧? 那么 ...
我目前正在开发一个以 React 作为前端,Nodejs 作为后端的应用程序。 我正在使用 multer 和 minIO 来存储文件。 目前:我有一个表单,用户可以在其中填写一些数据,还可以选择上传 PDF/JPEG 等文件(文件的多个输入字段)。 我正在使用 forkmik 和材质 UI 进 ...
这是我的正则表达式 这是我的验证 我希望在存在正则表达式匹配时显示错误。 这可行,但有一个问题......只要我在井号后键入错误就会消失,但是当有符号时,错误就会出现 这就是我输入正则表达式字符时我的错误的样子 如果有特殊字符,这不是我想要的,我希望错误一直存在,直到用户删除特殊字符 ...
我正在尝试将 Formik 与 Mui 集成,以便拥有一个按钮组件,如下所示: 这是我在上面使用的代码片段,但我想知道如何在这两种情况下禁用提交按钮:1. 根据表单 state 的有效性,2. 当表单提交正在进行时。 我一直在寻找我应该使用 isValid、isSubmitting 和脏属性,但我 ...
我是初学者,正在尝试使用 Yup 验证在 reactjs 中创建一个表单。 我正在尝试使用具有 firstName、lastName 的非常简单的表单进行试验。 我试图在验证 firstName 时只显示 lastName 字段使用 useFormik 钩子 是的验证和提交功能 我的真实形态 不确 ...
有人有 react-native 多选 formik 的工作示例吗? 我已经试过了 但是值数组没有被提交,而是得到一个空数组。 谢谢你。 ...
我将 formik 用于带有 TypeAhead 字段的表单,该字段允许用户访问 select 对象数组。 我想在选择时用对象数组更新 Formik 值。 选择值后如何更新 formik 值? 我已经尝试过 setFieldValue,但是如何以这种方式完成呢? ...