问题标签 [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 投票
0 回答
601 浏览

javascript - 错误:函数组件不能有引用。你的意思是使用 React.forwardRef() 吗?

我收到错误

错误:函数组件不能有引用。你的意思是使用 React.forwardRef() 吗?

如果您检查我的代码,它是正确的。我也通过了,它说

第 91 行:意外使用“事件”无限制全局变量

如果我做错了什么,我不知道。根据我的研究,我发现可能有一些版本问题,也可能没有。我正在使用最新版本的create react app

0 投票
0 回答
1058 浏览

reactjs - Material UI DatePicker 中的错误不会使字段/表单无效

DatePicker 位于包装器组件中,虽然错误消息显示正确,但如果日期设置为不正确,它不会使字段或表单无效。我知道 onError 回调函数,但我不知道在这里调用什么。onSubmit 上没有进行验证,因此不能使用 SubmissionError 或 submitfailed。

我可以从表单字段传递一个外部验证器,但我只是把它作为最后一个选项。

日期选择器

表单域

0 投票
1 回答
2604 浏览

javascript - onSubmit 不起作用(react-material-ui-form-validator)

当我添加一个 ValidatorForm 组件(react-material-ui-form-validator)时,我可以输入输入但是当我输入数据并提交但状态和其他属性没有更新时,

我检查了控制台,onSubmit 不起作用

两个代码都不起作用...

我该如何修复代码?ValidatorForm 有问题吗?还是我的代码错了?

0 投票
1 回答
18900 浏览

reactjs - 如何为 React Material-UI TextField 和 Select 应用表单验证?

我正在尝试在处理 Next() 之前向 TextField 和 Select 添加验证。这是代码(2个组件):

}

QuoteForm.js

}

我尝试了 2 种不同的方法。首先,使用 Button disabled 并编写一个函数来处理验证并将 disabled 设置为 false。其次,使用 npm 包处理验证。两者都失败了,因为我是新手。任何帮助,将不胜感激。提前致谢。

0 投票
0 回答
523 浏览

reactjs - 材质UI核心多选

我是反应和材料ui核心的新手。我在文档中遇到的问题是它使用一个函数来初始化常量,例如https://material-ui.com/components/selects/

但我使用像这样的类扩展组件反应

出口类部门扩展组件{

因此,它为常量提供了无效的钩子调用。

有人可以帮我给出一个代码示例,说明如何在材质 ui 核心中使用多项选择。使用类扩展组件。

这是代码:

0 投票
1 回答
81 浏览

javascript - 如何使用 ReactJS 中的单个函数处理表单字段中的错误?

我有一个表格,用户需要回答 3 个问题才能注册新密码。所有字段均为必填项,在回答完 3 个问题之前,用户无法将数据发送到服务器。

我的问题是如何只用一个函数来处理输入字段错误?我目前为每个字段执行一个功能。这在性能水平上并不是很好。

例如,只需一个函数,我就可以获取在所有输入字段中输入的值:

你能告诉我是否可以创建一个类似于上面的函数,但要处理错误?在这一刻,这就是我正在做的事情:

我处理onInput.

这是我放入codesandbox的代码

非常感谢您提前。

0 投票
1 回答
814 浏览

reactjs - Hooks 错误:Next.js 和 Material UI 表单验证

我正在尝试为我的用户设置一个对话框/模式来订阅时事通讯。当它是一个普通的 React 应用程序时,代码是完全可用的,但我现在正在转换为 Next.js。现在,我收到一个 RuntimeError 抱怨钩子配置不正确。早些时候,我在让 Material UI 与 next.js 一起运行时遇到了问题。但这已经解决了。但是我在这里迷路了,有人知道发生了什么吗?

我的组件:

堆栈跟踪:

0 投票
0 回答
95 浏览

reactjs - 如何使星号(*)在向右浮动?

我正在使用来自“react-material-ui-form-validator”的 TextValidator 和来自“@material-ui/core/Grid”的 Grid,并且我有多个字段要压缩在一行中。

ReactJS UI - 文本验证器

我知道我可以缩短标签描述来解决我的问题,但我不能。

0 投票
0 回答
21 浏览

node.js - 更改标签文本大小?

我想更改标签文本的字体大小,但找不到正确的方法。下面给出的代码只是我想要做的一个例子。我想要更改电子邮件标签的文本大小。任何帮助,将不胜感激。提前致谢。

0 投票
0 回答
118 浏览

reactjs - 如何使用 React 将多个 html 表导出到 Excel?

我有一个网页,在选项卡中有 3 个表格,我想将所有 3 个表格导出到同一个 excel 文件,其中包含单独的表格,如 sheet1、sheet2、sheet3。我希望每张桌子都放在自己的工作表中,但是将它们都放在同一张工作表上也可以。经过一番谷歌搜索,我所看到的只是将一张表导出到一张 Excel 表中。