【发布时间】:2016-05-27 09:39:45
【问题描述】:
这两个实例似乎相互重复:Drop Down Menu 和 Select Field。两者都遵循 Google Material Design specs for menus。乍一看,差异并不那么明显。为什么它们提供了两个相似的组件?
【问题讨论】:
标签: reactjs material-design material-ui
这两个实例似乎相互重复:Drop Down Menu 和 Select Field。两者都遵循 Google Material Design specs for menus。乍一看,差异并不那么明显。为什么它们提供了两个相似的组件?
【问题讨论】:
标签: reactjs material-design material-ui
DropDownMenu 用于菜单。想象一下右上角的下拉菜单,您的名字为“Green v”,点击它,您会看到“设置”、“帮助”和“注销”。即使它允许您根据需要更改值道具 onChange(您可以让菜单按钮显示“设置 v”),但这不是它应该做的。它实际上根本不打算与表单一起使用,它只是用于显示选项列表。视觉:https://material.io/guidelines/components/menus.html#menus-usage
SelectField 用于填写表单数据,并在字段中显示所选项目。
【讨论】:
Select Field 具有更多处理表单字段的功能。 onChange 事件、hintText、floatingLabelText。 Drop Down Menus 没有这些功能。
【讨论】: