Я хотел бы закрыть все остальные открытые карты, пока я нажимаю другую, я хотел бы что-то, что работает как Аккордеонный Компонент.
Мой текущий код выглядит следующим образом:
<List>
{
this.results.map((result: PTemplate, index: number) => {
return (
<ResultCard key={"row_"+index} result={result} id={index} initiallyExpanded={false}></ResultCard>
)
})
}
</List>
выглядит так:
<Card key={'res_'+result.id} initiallyExpanded={initiallyExpanded} style={styles.resultInstance}>
<CardHeader actAsExpander={true} showExpandableButton={true} style={resultTypeStyle}>
<Flexbox>Header</Flexbox>
</CardHeader>
<CardText actAsExpander={false} expandable={true} key={'res_cont_'+result.id}>Description here</CardText>
</Card>
Есть идеи, как мне это сделать?