Как использовать текст вместо иконки для меню реагирующих инструментов?

Question

Я использую меню реагировать на мой веб-сайт. Основываясь на примере, приведенном в документации Меню React-toolbox , я могу использовать только значок в качестве моего меню. Как я могу использовать текст для меню вместо?

Пример того, что я хочу сделать:

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

Возможно ли это сделать?

Answer 1

просто удалите свойство значка из компонента MenuItem

 <IconMenu icon={<div>blog</div>} position='topLeft' menuRipple>
  <MenuItem value='download' caption='Download' />
  <MenuItem value='help' caption='Favorite' />
  <MenuItem value='settings' caption='Open in app' />
  <MenuDivider />
  <MenuItem value='signout' icon='delete' caption='Delete' disabled />
 </IconMenu>

Answer 2

Вы можете передать элемент в свойство icon следующим образом:

<IconMenu icon={<div>Menu</div>} position='topLeft' menuRipple>