Когда следует использовать списки против меню в Material-UI?

Мне трудно понять разницу между списками и меню в Material-UI.

Docs

Списки - https://material-ui-next.com/demos/lists/

Меню - https://material-ui-next.com/demos/menus/

Описание

Я думаю, что меню используются для маршрутизации и навигации, в то время как списки используются для конфигурации или статического содержимого, но затем я увидел эти цитаты:

Меню появляются при взаимодействии с a кнопка, действие или другой элемент управления. Они отображают список вариантов, с одним выбором в строке.

Читая это, меню не предназначены для постоянного отображения, они предназначены для скрытия и отображаются только временно.

Меню не следует использовать в качестве основного метода навигации в приложении.

Из-за этого кажется, что боковая панель со списком элементов навигации должна быть списком. Если да, то что делать, если я беру тот же компонент и хочу также использовать его в выпадающем списке меню? Должен ли я сделать отдельный компонент, используя компоненты меню?

Вопрос

Поскольку документы мне непонятны, какие экземпляры я хотел бы использовать меню против списков?

1 2
reactjs material-ui

1 ответ:

Эти компоненты соответствуют стандартам проектирования материалов, поэтому их предполагаемое использование будет соответствовать стандартам.

Для Меню:

Меню отображают список вариантов на переходном листе материала.

Для Списка:

Списки представляют несколько элементов строки вертикально как один непрерывный элемент.

Таким образом, хотя они похожи, я думаю, что ключевое различие заключается в том, что Menu предназначен для временного выбора, представлено в рамках чего-то вроде диалога или модального.

2