我在玩Material- ui。我使用路线实现了LeftNav,但找不到找到IconMenu或Menu来处理链接或路线的方法。任何人都可以为我指出一个好的资源/教程吗?该文档不足,并且两个组件似乎都不像LeftNav那样支持’menuItems’作为属性。
2016年12月编辑: 该linkButton道具已 弃用 ,您会收到警告:
linkButton
Warning: Unknown props `linkButton` on <a> tag.
因此,只需删除道具:
<MenuItem containerElement={<Link to="/profile" />} primaryText="Profile" leftIcon={ <FontIcon className="material-icons">people</FontIcon> } />
这是示例存储库,以及此处的实时演示。
原始答案:
只是想指出,如果您使用的是react-router,则可能要使用<Link to="/some/page" />而不是<a>标签。
<Link to="/some/page" />
<a>
为此,您需要使用containerElement道具
containerElement
<MenuItem linkButton containerElement={<Link to="/profile" />} primaryText="Profile" leftIcon={ <FontIcon className="material-icons">people</FontIcon> } />
(={true}如果您仅通过true,<MenuItem linkButton />即与相同,则可以省略<MenuItem linkButton={true} />)
={true}
true
<MenuItem linkButton />
<MenuItem linkButton={true} />
该containerElement和linkButton道具其实是记录在按键部分,但你可以用它MenuItem为好。
MenuItem