当前位置: 首页 > 面试题库 >

在Material-ui中,何时使用输入与文本字段构建表单?

韩照
2023-03-14
问题内容

也许这只是一个基本问题,但到目前为止尚未找到任何合理的解释。我是最近开始使用Material-ui的人。我不清楚何时使用输入与文本字段构建表单?

查看文档,感觉TextField是Input可以做的事情的超集,但不确定。Material-
ui站点在文本字段和输入示例中都使用了示例,而没有说明一个相对于另一个以及任何用例的好处。

请提出建议。


问题答案:

对于大多数用例,您应该使用TextField而不是它委派给的下级组件(例如Input)。

文档的相关部分位于:https :
//material-ui.com/demos/text-fields/#components。

特别是这一行:

TextField由较小的组件(FormControl,Input,FilledInput,InputLabel,OutlinedInput和FormHelperText)组成,您可以直接利用它们来显着自定义表单输入。

使用这些下层组件的主要原因是,您是否需要使用所不支持的某种方式来自定义表单输入TextField



 类似资料:
  • 我使用材质UI文本字段 我想实现一个自动对焦,我找不到一种方法通过设置而不是通过编程来实现。有什么帮助吗?

  • 在我试图制作的一个程序中,有三个文本字段和几个按钮(每个按钮代表一个数字)。我正在尝试获取它,这样你就可以通过点击按钮(而不是键盘)来打字了。到目前为止,我得到了这个: 在搜索互联网后,我发现了以下代码: 唯一的问题是,我不知道如何使用我找到的代码(我找到的代码是第二个块)。 我从哪里得到密码的。

  • 问题内容: 我们有一个Web应用程序,我正在尝试使用Java,Web Driver和TestNG对其进行自动化测试。我面临的最大挑战(失败)是保持开发领先地位,并防止测试框架即使进行很小的代码更改就不会破坏。 问题 有一个接受数字的文本字段。到现在为止,为我完成了工作。 在页面源的最新更改中,输入数字后,逗号会自动插入。 因此,例如,“ 50000”变为“ 50,000”。 现在可以正确输入该值,

  • 问题内容: 当我在文本字段中输入文本时,它将被删除。 这是代码: 问题答案: 同意Subir Kumar Sao和Faiz。

  • 当我在文本字段中输入文本时,它会被删除。 代码如下:

  • 问题内容: 我正在尝试我的React.js的第一部分,并在很早的时候就陷入了困境…我有下面的代码,该代码将搜索表单呈现为。但是,在搜索框中输入内容无济于事。 大概在通过道具并上下移动时会丢失一些东西,这似乎是一个常见问题。但是我很沮丧-我看不到缺少的东西。 (最终,我会使用其他类型的,但是我只是想让这一类正常工作。) 问题答案: 您尚未将道具放在机箱中。它必须在JSX中。 在文档中充分考虑了将 p