Material-ui: ListItem-Link?

Erstellt am 7. Okt. 2015  ·  3Kommentare  ·  Quelle: mui-org/material-ui

Wie mache ich aus einem ListItem einen Link?

Ich habe versucht, es mit einem Achor-Tag zu umwickeln, aber das hat nicht funktioniert. Ich habe in http://material-ui.com/#/components/lists keine Eigenschaft gesehen

Hilfreichster Kommentar

Verwenden Sie die containerElement mit linkButton Requisiten!

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

oder wenn Sie keinen React-Router verwenden, verwenden Sie einfach

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

Alle 3 Kommentare

Ich habe das gegenteilige Problem. Ich möchte, dass es verhindert, dass es als Link gerendert wird. Ich erhalte einen verschachtelten Linkfehler, wenn ich ein IconMenu mit MenuItems innerhalb eines ListItems verwende. Es funktioniert jedoch in den Dokumenten, also mache ich vielleicht etwas falsch.

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

Gibt es eine Möglichkeit dies zu verhindern? Ich weiß, dass es ein anderes Problem als @sys13 ist , aber es könnte die gleiche Lösung haben.

Verwenden Sie die containerElement mit linkButton Requisiten!

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

oder wenn Sie keinen React-Router verwenden, verwenden Sie einfach

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

Dies wurde in #2708 behoben

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

finaiized picture finaiized  ·  3Kommentare

reflog picture reflog  ·  3Kommentare

TimoRuetten picture TimoRuetten  ·  3Kommentare

anthony-dandrea picture anthony-dandrea  ·  3Kommentare

ghost picture ghost  ·  3Kommentare