问题标签 [react-material-ui-form-validator]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1186 浏览

yup - Material ui Checkbox 在 React-hook 表单中不起作用

我想制作一个带有验证的表单,因为我使用了带有 Material UI 的 react-hook-form。对于验证,yup 和钩子/解析器也被使用。当我单击复选框时,我想显示另一个文本字段,但复选框不起作用。watch 用于来自 react-hook-form(useForm) 的内容。我的错误是什么?请帮忙。

这是我的代码:-codesanbox

0 投票
1 回答
129 浏览

reactjs - onSubmit 在“react-material-ui-form-validator”中不起作用

react-material-ui-form-validator在我的项目中使用。但是onSubmit当我提交表单时没有触发。我尝试了很多但无法解决问题。我找不到为什么onSubmit不工作。有人可以解释一下吗?

State

Validation Rule & handling events

Validator Form

0 投票
0 回答
37 浏览

javascript - 为什么 emailjs 不能与 Material UI 表单一起使用?

我正在使用 Material UI TextFields 为我的网站创建联系表格。为了使表单自动化,我使用了 emailjs,甚至按照这里的教程帮助自己。

但是它根本不起作用,单击我的提交按钮后表单甚至没有重置。即使在 sendEmail 函数中记录它,我也没有在控制台上获得任何信息。

这是codeandbox的链接

任何帮助深表感谢!

0 投票
0 回答
71 浏览

reactjs - 当使用 Material UI 切换深色模式时,Formio 表单的字体颜色更改为白色

暗模式之前 暗模式 之后我在 React JS 应用程序中使用暗模式和 Formio 表单的 Material UI。单击深色模式按钮时,Material UI 将渲染的 Formio 表单的字体颜色更改为白色,但 formio 表单的背景颜色保持为白色。这是我的以下formio示例代码

0 投票
1 回答
35 浏览

reactjs - Material UI (React.js) 中的函数调用没有被调用

  • 今天开始使用 Material UI 不知道为什么这个 Function handelSubmit() 没有被调用。控制台功能没有被调用,没有任何东西被打印出来。不知道我在哪里做错了,谢谢。
  • 我从表单标签调用该函数,也尝试从外部调用,但它不起作用。
0 投票
0 回答
32 浏览

react-hooks - 对于仅在 Firefox 浏览器中从 react-material-ui-form-validator 使用的第一个错误 TextValidator 字段,页面锚定无法正常工作

我正在开发一个 React 项目,并且我正在使用 TextValidators 作为输入字段。当我提交表单时,锚定不会正确 转到Firefox 浏览器中的第一个错误输入字段(TextValidator)(意味着错误字段未完全显示)。它在 Chrome 和 Safari 浏览器中运行良好。我正在使用document.getElementById(validationErrors[index].props.id).focus(); 用于第一个错误输入字段中的焦点。这背后有什么原因吗?

代码:

沙盒链接:https ://codesandbox.io/s/basiccard-material-demo-forked-rswoi?file=/demo.js

0 投票
0 回答
21 浏览

wordpress - 在 wordpress 中避免 MUI 中的冲突文本字段

嗨,我是 Material UI 和 React 的新手。尝试构建一个 wordpress 插件。管理部分我正在使用 MUI react 创建文本字段。输入文本字段边距和填充默认影响 wordpess load-style.css。

在主题提供者中:

默认情况下,wordpress 正在加载,

那么,如何为所有文本和选择字段全局覆盖它。提前致谢

0 投票
2 回答
39 浏览

reactjs - 在 React JS 中:如何使用 MUI 中的“复制全部”图标从网格中复制所有文本

大家好,在我的网格中,我添加了“复制所有”材质 UI 图标。我的网格有 2 列和 2 行。我需要单击复制所有图标来复制所有列和行值。

代码:

我不知道如何复制剪贴板中的所有值。

我的预期结果是:单击 copyAll 图标,在我的剪贴板中写入 aaa、bbb、ccb、babb。

0 投票
0 回答
45 浏览

reactjs - 在 React-TypeScript 应用程序中安装 MaterialUI 的最佳方式

在 React-TypeScript 应用程序中安装 MaterialUI 的最佳方式是什么。我见过多种语法,哪一种是最完整的?我需要全部安装吗?

  1. npm install @mui/material @emotion/react @emotion/styled
  2. npm install @mui/material @mui/styled-engine-sc styled-components
  3. npm install @material-ui/core
0 投票
1 回答
32 浏览

reactjs - MaterialUI TypeScript:是否可以向“NavItem”添加多级导航菜单?

如何使用 MaterialUI 和 TypeScript 创建多级导航菜单?我想在“/问题”中添加以下内容:2 导航菜单:

  • /问题标签
  • /问题/用户

就像在屏幕截图中一样

在此处输入图像描述