Material-ui: Ссылка на ListItem?

Созданный на 7 окт. 2015  ·  3Комментарии  ·  Источник: mui-org/material-ui

Как превратить ListItem в ссылку?

Я попытался обернуть его тегом ахора, но это не сработало. Я не нашел свойства в http://material-ui.com/#/components/lists. Я бы предпочел избегать использования обработчиков событий, чтобы при наведении курсора отображался URL-адрес.

Самый полезный комментарий

Используйте 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" />

Все 3 Комментарий

У меня противоположная проблема. Я бы хотел, чтобы он не отображался как ссылка. Я получаю сообщение об ошибке вложенной ссылки при использовании 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.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги