使用错误和helperText反应材料UI表单验证

Question

我创建了一个表单，我要在该表单上验证输入，并且看到物料用户界面具有一个名为error boleean的属性和另一个名为helperText的{ {1}}的表单输入，但是当验证条件未完成时，我没有发现如何在元素上注入该错误的任何信息 这是我的代码示例：https://codesandbox.io/s/material-demo-hip84?file=/demo.js:1020-1055

TextField

Answer 1

要使用error的{​​{1}}属性，您将需要自己管理错误（就像管理字段的值一样）。

要这样做-根据您所做的一些计算，TextField的值不应固定，而应为true / false。

我使用您的代码进行了检查（每个字段的值）是否等于特定值。这不是一个真实的示例，您可能想将其更改为某种正则表达式检查，但这应该为您提供一个良好的起点：

error

要查看完整的工作示例，请检查以下内容：https://codesandbox.io/s/mui-textfield-control-errors-z0tfo?file=/demo.js

Answer 2

如果您仍然不满意，请观看此视频，可能对https://youtu.be/5rF9sO4plHI

有帮助