изменение сетки при нажатии кнопки

#reactjs #material-ui

Вопрос:

У меня есть множество кнопок при нажатии, я хочу показать div, который занял бы всю строку

Допустим, у меня есть n кнопок:

  • 4 нажмите на кнопку в этой строке
  • — добавьте div сюда
  • 4 нажмите на кнопку в этой строке
  • — добавьте div сюда
  • 4 нажмите на кнопку в этой строке
  • — добавить div здесь одновременно может отображаться только один div
 Css grid: {  width: '85%',  gap: theme.spacing(1)  }, const listItems = filteredApps.map((app) =gt; (  lt;div key={app.id} className={classes.cardContainer}gt;  lt;Buttongt;Testlt;/Buttongt;  lt;/divgt;  ));   return (  lt;div id="app-grid" className={classes.grid}gt;  {userSettings.favorites amp;amp; listItems}  lt;/divgt;  );