Material-ui закрывает все остальное содержимое карты при нажатии одной - PullRequest
0 голосов
/ 28 октября 2018

Я хотел бы закрыть все остальные открытые карты, пока я нажимаю другую, я хотел бы что-то, что работает как Аккордеонный Компонент.

Мой текущий код выглядит следующим образом:

<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>

Есть идеи, как мне это сделать?

...