【问题标题】:What is the difference between "Drop Down Menu" and "Select Field" in Material-UIMaterial-UI中的“下拉菜单”和“选择字段”有什么区别
【发布时间】:2016-05-27 09:39:45
【问题描述】:

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

【问题讨论】:

    标签: reactjs material-design material-ui


    【解决方案1】:

    DropDownMenu 用于菜单。想象一下右上角的下拉菜单,您的名字为“Green v”,点击它,您会看到“设置”、“帮助”和“注销”。即使它允许您根据需要更改值道具 onChange(您可以让菜单按钮显示“设置 v”),但这不是它应该做的。它实际上根本不打算与表单一起使用,它只是用于显示选项列表。视觉:https://material.io/guidelines/components/menus.html#menus-usage

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 同意,但是使用下拉菜单有什么好处(如果有的话)?
      猜你喜欢
      • 2018-03-24
      • 1970-01-01
      • 2020-05-21
      • 2021-10-19
      • 2021-11-12
      • 2021-11-12
      • 2020-10-25
      • 2018-04-24
      • 1970-01-01
      相关资源
      最近更新 更多