React динамически генерирует сетку компонентов размером m x 3

Я пытаюсь динамически создать сетку компонентов с данными JSON размером (длина данных / 3) x 3. Это будет выглядеть примерно так.

enter image description here

Размер компонентов в каждой сетке будет статическим, но отступы вокруг них должны быть динамическими в зависимости от размера родительского div / размера экрана. Отступ также должен быть справа, только если его нет в крайнем правом столбце. Любой совет? Какие-либо компоненты NPM, которые кто-нибудь знает, чтобы упростить эту задачу?

1
0
317
1

Ответы 1

Вы можете легко добиться этого, используя сеточную систему CSS. Вот такой полное руководство

отличная статья, но я не знаю, насколько большим будет массив JSON, поэтому мне нужно динамически генерировать

Dylan Y 26.10.2018 05:08

Что вы имеете в виду динамически? Вы просто сопоставляете массив объектов и отображаете один за другим ... Если вас беспокоит, что массив может быть слишком длинным, вам придется реализовать разбиение на страницы или бесконечную прокрутку ... В этом ли проблема?

SakoBu 26.10.2018 05:20

Другие вопросы по теме