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