reactjs - 在 Material UI 中,我们何时使用 Input 与 TextField 来构建表单?

标签 reactjs input material-ui textfield

也许这只是一个基本问题,但到目前为止还没有找到任何合理的解释。我是 React 的初学者,最近正在使用 Material UI。我不太清楚何时使用输入与 Textfield 来构建表单。

查看文档,感觉 TextFieldInput 功能的超集,但不确定。 Material UI 网站使用了 TextFieldInput 的示例,但没有说明其中一种相对于另一种的优势以及任何用例。

请提出建议。

最佳答案

对于大多数用例,您应该使用 TextField 而不是它委托(delegate)的较低级别组件(例如 Input)。

文档的相关部分是 here .

特别是这一行:

TextField is composed of smaller components ( FormControl, Input, FilledInput, InputLabel, OutlinedInput, and FormHelperText ) that you can leverage directly to significantly customize your form inputs.

使用这些较低级别组件的主要原因是,如果您需要以 TextField 不支持的某种方式自定义表单输入。

关于reactjs - 在 Material UI 中,我们何时使用 Input 与 TextField 来构建表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56122219/

相关文章:

javascript - 捕获一系列 <input> 元素上的按键事件并对值求和

html - 如何使用 CSS 内联通常为 block 的 HTML 元素,特别是标题、标签、输入和按钮

Java拆分输入

reactjs - 我可以在 create-react-app v2 中使用 css 模块覆盖 Material-UI 吗?

reactjs - Material-ui BottomNavigation 未填充宽度

javascript - 在 React.js 中计算值的正确方法

javascript - 自己的 reducer 中的空状态

javascript - React 在功能组件中的组件每次更新时调用构造函数

javascript - 如何使用 React.createElement 基于 prop 或变量动态创建组件

reactjs - 在 Material-UI TextField 上禁用浏览器自动完成功能