cost 95 ms
使用 Formik 的 React 不会清除 Material UI 表单中的数据值 - React using Formik does not clear the data value in Material UI form

提交数据后,我正在使用formik.resetForm()从表单中的文本字段中删除值。 我知道还有很多其他类似的问题,但我的不同,我知道底层 Formik 资源的值、错误、触摸已被清除,但值仍然存在于文本框中。 问题是我知道底层的 Formik 对象已被清除,因为在我提交后,验证会触发并提示我,就像 ...

Formik、Yup、Mui 的注册表无法正常工作 - Registration Form with Formik,Yup,Mui not working

大家下午好。 我正在尝试使用 Formik、MUI 和 yup 创建注册表单。 我对我的登录做了同样的事情,它与后端帖子等完美配合。此外,我的后端身份验证/注册正在工作,使用 postman 进行了测试。我的问题是每当我按下注册按钮时,什么都没有发生。 甚至没有我的“测试”字符串的控制台日志记录。i ...

React Map function 不会在每次更新 state 数组时重新渲染组件 - React Map function is not re-rendering the component every time the state array gets updated

我正在尝试使用材料 UI select 字段以及用于学习的 Formik 的 withFormik 创建待办事项应用程序。 添加功能有效,但每次我尝试删除一个项目时,要么删除整个列表,要么删除最后一个元素,无论我单击删除的是哪个项目。 表单组件 ` ` 在我的表单组件中,我使用了 withForm ...

如何在 Formik 中设置文本字段的值? - How to Set The Value in Textfield in Formik?

如何在 Formik 中使用 Conditon 设置 TextField 中的值? 基本上我想要 select 这个名字,然后这个名字自动设置为 TextField 但我找不到正确的方法,任何人都可以帮助:!! 提前致谢 :))))))))))))) 这是 TextField 组件 这是仪表板组件 ...

无法使用 reactjs 获取下拉值 - Unable to get a dropdown value using reactjs

我是 reactjs 的新手。 我为公司列表创建了一个下拉列表并希望获取值。 我仍然无法从下拉列表中获取值。 我尝试了几种检索数据的方法,但无法做到这一点。 任何人都可以帮助我获得价值吗? 这是我的一些代码。 这是我的整个代码。 /** ============================== ...

如何在 Material UI 中使段落响应? - How can I make a paragraph responsive in material UI?

我是 Material UI 的新手,我有一个页面充满了无响应的内容,我必须做出响应。 我以前做过响应式的小网格和盒子,但没有这种规模。 例如,我真的不知道如何让整个段落完全出现在手机上。 在加载该页面时看起来像这样。 而我希望它至少不会像这样放大。 感谢任何帮助。 ...

我在哪里可以在反应类中编写条件语句? - Where can I write a conditional statement in a react class?

我必须编写一个条件语句来使某个百分比值如果为正则为绿色,如果为负则为红色。 但是我不确定在哪里写这个条件语句。 我需要让row.data.marketD显示颜色。 但我不知道在哪个标签中包含这个条件。任何帮助表示赞赏。 ...

在输入 REACT 时不延迟地收集输入数据的正确方法是什么? - what is the correct way to collect input data WITHOUT LAG on typing in REACT?

所以我用 React 工作已经一个月了。 有一个问题我不知道该怎么办。 在onChange event handlers中,即使在最小的页面和项目中,键入也会有延迟,特别是在Removing text时会延迟。 为什么会这样? 我的意思是 React 之所以流行是因为 Fast UI 对吧? 那么 ...

与现场数据一起上传文件的更好方法 - Better way to upload files along with field data

我目前正在开发一个以 React 作为前端,Nodejs 作为后端的应用程序。 我正在使用 multer 和 minIO 来存储文件。 目前:我有一个表单,用户可以在其中填写一些数据,还可以选择上传 PDF/JPEG 等文件(文件的多个输入字段)。 我正在使用 forkmik 和材质 UI 进 ...

我如何防止 formik yup ( regex ) 验证消失 - How do i prevent formik yup ( regex ) validation from disappearing

这是我的正则表达式 这是我的验证 我希望在存在正则表达式匹配时显示错误。 这可行,但有一个问题......只要我在井号后键入错误就会消失,但是当有符号时,错误就会出现 这就是我输入正则表达式字符时我的错误的样子 如果有特殊字符,这不是我想要的,我希望错误一直存在,直到用户删除特殊字符 ...

如何禁用与 Formik 集成的 Mui 提交按钮? - How to disable a Mui submit button integrated with Formik?

我正在尝试将 Formik 与 Mui 集成,以便拥有一个按钮组件,如下所示: 这是我在上面使用的代码片段,但我想知道如何在这两种情况下禁用提交按钮:1. 根据表单 state 的有效性,2. 当表单提交正在进行时。 我一直在寻找我应该使用 isValid、isSubmitting 和脏属性,但我 ...

如何使用 Yup 的验证 When() 方法动态显示/隐藏 Formik forms 中的输入字段? - how to dynamically show/hide input fields in Formik forms using the Yup's validation When()method?

我是初学者,正在尝试使用 Yup 验证在 reactjs 中创建一个表单。 我正在尝试使用具有 firstName、lastName 的非常简单的表单进行试验。 我试图在验证 firstName 时只显示 lastName 字段使用 useFormik 钩子 是的验证和提交功能 我的真实形态 不确 ...

使用 formik 如何在选择 TypeAhead 字段时将值添加到 formik 值 - Using formik how to add values to formik values when TypeAhead field is selected

我将 formik 用于带有 TypeAhead 字段的表单,该字段允许用户访问 select 对象数组。 我想在选择时用对象数组更新 Formik 值。 选择值后如何更新 formik 值? 我已经尝试过 setFieldValue,但是如何以这种方式完成呢? ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM