Как превратить ListItem в ссылку?
Я попытался обернуть его тегом ахора, но это не сработало. Я не нашел свойства в http://material-ui.com/#/components/lists. Я бы предпочел избегать использования обработчиков событий, чтобы при наведении курсора отображался URL-адрес.
У меня противоположная проблема. Я бы хотел, чтобы он не отображался как ссылка. Я получаю сообщение об ошибке вложенной ссылки при использовании IconMenu с MenuItems внутри ListItem. Хотя он работает в документации, так что, возможно, я что-то делаю не так.
ListItem> EnhancedButton> a> ...> IconMenu> ReactTransitionGroup> Меню> MenuItem> ListItem> EnhancedButton> a.
Есть ли способ предотвратить это? Я знаю, что это другая проблема, чем у @ sys13 , но у нее может быть то же самое решение.
Используйте containerElement
с реквизитами linkButton
!
видеть:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786
<MenuItem
linkButton
containerElement={<Link to="/profile" />}
primaryText="Profile"
leftIcon={
<FontIcon className="material-icons">people</FontIcon>
} />
или если вы не используете реактивный маршрутизатор, просто используйте
<MenuItem linkButton href="/profile" primaryText="Profile" />
Это было исправлено в # 2708.
Самый полезный комментарий
Используйте
containerElement
с реквизитамиlinkButton
!видеть:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786
или если вы не используете реактивный маршрутизатор, просто используйте