Material-UI中"下拉菜单"和"选择字段"之间的区别是什么

Gre*_*een 14 reactjs material-design material-ui

看起来这两个实例相互重复:下拉菜单选择字段.两者都遵循Google Material Design 规范的菜单.乍一看并不是那么明显.为什么他们提供两个相似的组件?

Pet*_*dIt 5

选择字段具有处理表单字段的更多功能。onChange事件,hintText,floatingLabelText。 下拉菜单没有这些功能。

  • 同意,但是使用下拉菜单有什么好处(如果有的话)? (4认同)

Nun*_*cks 5

DropDownMenu 用于菜单。想象一下右上角有一个下拉菜单,其中包含您的名字“Green v”,点击它,您会看到“设置”、“帮助”和“注销”。尽管它允许您根据需要更改 onChange 的 value 属性(您可以使菜单按钮显示“Settings v”),但这并不是它的用途。实际上它根本不适合与表单一起使用,它只是用于显示选项列表。视觉:https: //material.io/guidelines/components/menus.html#menus-usage

SelectField 用于填写表单数据,并在字段中显示所选项目。