物料UI反应中的ListItem

时间:2018-04-16 07:28:58

标签: reactjs material-ui

我一直在尝试使用带有子项的ListItem自定义按钮。我可以使用ListItem的rightIconButton道具更改打开按钮,但切换后无法更改它。我已经尝试过使用ListItem的righToggle道具,但它仍然没有用。

<ListItem 
  style={{height: 46}} 
  nestedListStyle={{padding: 0}}
  key={key}
  open={this.checkOpenMenu()}
  primaryTogglesNestedList={true}
  primaryText='test'
  rightIconButton = {
    <IconButton style={{}}><img src={baseUrl + "/open.svg" } alt="More" />
    </IconButton>}
  rightToggle = {
    <IconButton style={{}}><img src={baseUrl + "/close.svg" } alt="More" />
    </IconButton>}
  nestedItems={children}
/>);

1 个答案:

答案 0 :(得分:0)

终于找到了答案

<ListItem 
  style={{height: 46}} 
  nestedListStyle={{padding: 0}}
  key={key}
  open={this.checkOpenMenu()}
  primaryTogglesNestedList={true}
  primaryText='test'
  rightIconButton = { condition ? <IconButton><img src={baseUrl + "/close.svg" } alt="More" /></IconButton> : <IconButton><img src={baseUrl + "/open.svg" } alt="More" /></IconButton>}
  nestedItems={children}
/>);