Question

我一直在尝试使用带有子项的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}
/>);

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

物料UI反应中的ListItem

1 个答案: