材质 UI 输入与只读视图的文本字段

Question

我正在致力于构建一个新的 Material UI 表单。我想知道是否有只读字段的首选组件。我正在比较

Input

和

TextField

组件，但无法真正说出为什么其中一个优于另一个。

下面是表格的小屏幕截图。

Answer 1

输入组件：

• 输入组件是一个较低级别的组件，它提供了基本的 输入字段。
• 可定制性更强，可用于简单输入 场景。
• 如果您需要纯文本输入而不需要附加功能 像标签、帮助文本或装饰一样，输入组件可能是 一个不错的选择。 注意：Input 和 InputBase 都是 MUI 的通用组件。输入带有 borderBottom，InputBase 是没有样式的普通输入。

文本字段组件：

• TextField 组件是一个更高级别的组件，它封装了输入以及标签、帮助文本、样式、错误消息等附加功能。
• 如果您需要额外的样式、标签、帮助文本或其他功能，TextField 组件可能会更方便，您可以使用“select”属性将 TextField 转换为选择并传递 MenuItems。