Material-ui: Enlace ListItem?

Creado en 7 oct. 2015  ·  3Comentarios  ·  Fuente: mui-org/material-ui

¿Cómo convierto un ListItem en un enlace?

Intenté envolverlo con una etiqueta de achor pero no funcionó. No vi una propiedad en http://material-ui.com/#/components/lists. Preferiría evitar el uso de controladores de eventos para que el cursor muestre una URL.

Comentario más útil

¡Usa containerElement con linkButton props!

ver:
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>
  } />

o si no está usando react-router, simplemente use

<MenuItem linkButton href="/profile" primaryText="Profile" />

Todos 3 comentarios

Tengo el problema opuesto. Me gustaría evitar que se represente como un enlace. Recibo un error de enlace anidado cuando uso un IconMenu con MenuItems dentro de un ListItem. Sin embargo, está funcionando en los documentos, así que tal vez esté haciendo algo mal.

ListItem> EnhancedButton> a> ...> IconMenu> ReactTransitionGroup> Menú> MenuItem> ListItem> EnhancedButton> a.

hay alguna forma de prevenir esto? Sé que es un problema diferente al de @ sys13 , pero podría tener la misma solución.

¡Usa containerElement con linkButton props!

ver:
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>
  } />

o si no está usando react-router, simplemente use

<MenuItem linkButton href="/profile" primaryText="Profile" />

Esto se solucionó en # 2708

¿Fue útil esta página
0 / 5 - 0 calificaciones