Material-ui: Link ListItem?

Criado em 7 out. 2015  ·  3Comentários  ·  Fonte: mui-org/material-ui

Como faço para transformar um ListItem em um link?

Tentei embrulhar com uma etiqueta achor, mas não funcionou. Não vi uma propriedade em http://material-ui.com/#/components/lists. Eu preferiria evitar o uso de manipuladores de eventos para que o foco mostre um URL.

Comentários muito úteis

Use o containerElement com linkButton props!

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

ou se você não estiver usando o react-router, simplesmente use

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

Todos 3 comentários

Estou tendo o problema oposto. Eu gostaria que isso evitasse que fosse renderizado como um link. Estou recebendo um erro de link aninhado ao usar um IconMenu com MenuItems dentro de um ListItem. Mas está funcionando na documentação, então talvez eu esteja fazendo algo errado.

ListItem> EnhancedButton> a> ...> IconMenu> ReactTransitionGroup> Menu> MenuItem> ListItem> EnhancedButton> a.

Existe alguma maneira de evitar isso? Eu sei que é um problema diferente de @ sys13 , mas pode ter a mesma solução.

Use o containerElement com linkButton props!

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

ou se você não estiver usando o react-router, simplesmente use

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

Isso foi corrigido em # 2708

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

iamzhouyi picture iamzhouyi  ·  3Comentários

anthony-dandrea picture anthony-dandrea  ·  3Comentários

activatedgeek picture activatedgeek  ·  3Comentários

revskill10 picture revskill10  ·  3Comentários

ericraffin picture ericraffin  ·  3Comentários