How do I make a ListItem into a link?
I tried wrapping it with an achor tag but that didn't work. I didn't see a property in http://material-ui.com/#/components/lists. I would prefer to avoid using event handlers so that the hover shows a URL.
sys13
All 3 comments
I'm having the opposite problem. I would like it prevent it from rendering as a link. I'm getting a nested link error when using an IconMenu with MenuItems inside of a ListItem. Its working in the docs though, so maybe I'm doing something wrong.
ListItem > EnhancedButton > a > ... > IconMenu > ReactTransitionGroup > Menu > MenuItem > ListItem > EnhancedButton > a.
Is there any way to prevent this? I know it's a different problem than @sys13, but it might have the same solution.
rhythnic
on 11 Nov 2015
Use the containerElement with linkButton props!
see:
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>
} />
or if you're not using react-router, simply use
<MenuItem linkButton href="/profile" primaryText="Profile" />
DaxChen
on 29 Dec 2015
This was fixed in #2708
alitaheri
on 30 Dec 2015
Related issues
rbozan
·
3Comments
pola88
·
3Comments
ghost
·
3Comments
ryanflorence
·
3Comments
revskill10
·
3Comments
Most helpful comment
Use the
containerElementwithlinkButtonprops!see:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786
or if you're not using react-router, simply use