reactjs - 我什么时候应该在 Material-UI 中使用 Lists vs Menus？

Question

我无法弄清楚 Material-UI 中列表和菜单之间的区别。

文档

列表 - https://material-ui-next.com/demos/lists/

菜单 - https://material-ui-next.com/demos/menus/

描述

我的想法是菜单用于路由和导航，而列表用于配置或静态内容，但后来我看到了这些引号:

Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.

读到这里，菜单并不打算总是显示，它们被设计成隐藏起来，只是暂时显示。

Menus should not be used as a primary method for navigation within an app.

这使得带有导航元素列表的侧边栏看起来应该是一个列表。如果是这样，如果我使用相同的组件并想在下拉菜单中使用它怎么办？我是否必须使用 Menu 组件制作单独的组件？

题

由于我不清楚文档，我想在哪些情况下使用菜单与列表？

Answer 1

这些组件遵循 Material Design standards ，因此它们的预期用途将遵循标准。

对于 Menu :

Menus display a list of choices on a transient sheet of material.

对于 List :

Lists present multiple line items vertically as a single continuous element.

所以虽然它们很相似，但我认为关键的区别在于 Menu用于临时选择，在对话框或模态之类的东西中呈现。