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

Question

看起来这两个实例彼此重复：下拉式菜单和选择字段。两者都遵循谷歌材料设计菜单规范。但是，初看时它们之间的区别并不那么明显。为什么要提供两个类似的组件呢？

- Green

Answer 1

选择框有更多与表单字段相关的功能。包括onChange事件、提示文本和浮动标签。而下拉菜单则没有这些功能。

- PetersenDidIt

---

同意，但使用下拉菜单有什么优势（如果有的话）？ - David

如果你正在构建一个菜单，使用菜单的优点包括：1. 点击目标的内部文本不会根据你的菜单选择而改变（选择框会这样做，菜单不会）2. 你不会在页面上添加一堆不必要的隐藏表单输入3. 你可以制作一个嵌套菜单4. 你不会让团队中的其他开发人员误以为它是一个表单而不是一个菜单。 - Neil Girardi

Answer 2

DropDownMenu 用于菜单。想象一下右上角有一个下拉式菜单，上面显示了您的名称'Green v'，您点击它后会看到'设置'、'帮助'和'注销'。尽管它允许您在需要时更改 value prop onChange（您可以使菜单按钮显示 '设置 v'），但这并不是它的本意。它实际上并不适用于表单，只用于显示选项列表。可视化效果请参见：https://material.io/guidelines/components/menus.html#menus-usage

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

- Nunchucks