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

时间:2016-02-16 08:06:47

标签: reactjs material-design material-ui

这两个实例似乎相互重复:Drop Down MenuSelect Field。两者都遵循Google Material Design specs for menus。乍一看并不是那么明显。为什么他们提供两个相似的组件?

2 个答案:

答案 0 :(得分:5)

Select Field有更多处理表单字段的功能。 onChange事件,hintText,floatingLabelText。 Drop Down Menus没有这些功能。

答案 1 :(得分:0)

DropDownMenu用于菜单。想象一下,右上角有一个名为“绿色v”的下拉菜单,你点击它就可以看到,“设置”,“帮助”,以及'登出'。即使它允许你改变值onChange如果你想要(你可以让菜单按钮说'设置v'),但这不是它应该是什么。它实际上并不打算与表单一起使用,它只是用于显示选项列表。视觉:https://material.io/guidelines/components/menus.html#menus-usage

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