当单击带有嵌套列表项的右侧图标按钮时,如何防止在反应路由器中触发navLink / link?材质UI

时间:2017-08-29 06:04:24

标签: reactjs react-router material-ui

我这里有一个示例代码:带有嵌套列表的ListItem我想阻止链接并触发嵌套列表。或者我想在单击rightIconButton时只触发嵌套列表而不是链接。

<ListItem 
   value={3}
   primaryText="My Collection"
   leftIcon={<Avatar src="http://i.imgur.com/fmvLZGS.png" />}
   initiallyOpen={false}
   containerElement={<NavLink to="/CollectionPage" />}
   nestedItems={[
     <ListItem
        value={4}
        key={1}
        primaryText="Wines"/>,
     <ListItem
        value={5}
        key={2}
        primaryText="Arts"/>,
     <ListItem
        value={6}
        key={3}
        primaryText="Vehicles"/>
  ]} />

谢谢!

0 个答案:

没有答案