材料UI reactjs中的ListItem

Question

我一直在尝试对带有孩子的 ListItem 使用自定义按钮。我可以使用 ListItem 的 rightIconButton 道具更改打开按钮，但在切换后无法更改。我曾尝试使用 ListItem 的 rightToggle 道具，但仍然无法正常工作。

<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}
/>);

Answer 1

终于找到答案了

<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}
/>);