Я слежу за дизайном пользовательского интерфейса React Material для горизонтального однострочного списка сетки с горизонтальной прокруткой. Как динамически изменить значение «Cols» в зависимости от размера экрана (xm, sm, md, ls)? Например, экран md будет «12 cols», экран sm будет «4 cols» и т. Д.
Сетка в одну строку
https://material -ui.com / демки / сетка-лист / # однострочный-сетка-лист
<GridList className={classes.gridList} cols={3}>......</GridList>