Material-ui: ListItemリンク?

作成日 2015年10月07日  ·  3コメント  ·  ソース: mui-org/material-ui

ListItemをリンクにするにはどうすればよいですか?

achorタグでラップしてみましたが、うまくいきませんでした。 http://material-ui.com/#/components/listsにプロパティが表示されませんでした

最も参考になるコメント

linkButton小道具でcontainerElementを使用してください!

見る:
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>
  } />

または、react-routerを使用していない場合は、単に

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

全てのコメント3件

私は反対の問題を抱えています。 リンクとして表示されないようにしたいと思います。 ListItem内のMenuItemsでIconMenuを使用すると、ネストされたリンクエラーが発生します。 ただし、ドキュメントで機能しているので、何か問題が発生している可能性があります。

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

これを防ぐ方法はありますか? @ sys13とは別の問題であることはわかっていますが、同じ解決策がある可能性があります。

linkButton小道具でcontainerElementを使用してください!

見る:
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>
  } />

または、react-routerを使用していない場合は、単に

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

これは#2708で修正されました

このページは役に立ちましたか?
0 / 5 - 0 評価