React中array.map()的马赛克样式图像库(CSS)

React中array.map()的马赛克样式图像库(CSS),css,reactjs,bootstrap-4,next.js,css-grid,Css,Reactjs,Bootstrap 4,Next.js,Css Grid,关于样式和布局的问题: 有没有一种方法可以从组件渲染功能中映射的图像数组中使用CSS创建马赛克样式的网格布局?我正试图用NextJS创建一个马赛克风格的网格,但是一个纯粹的React解决方案是受欢迎和赞赏的。任何一个都能救我 我的渲染函数(或者,至少是与本文相关的部分)看起来像这样: 返回( { images.map(image=>) } )

关于样式和布局的问题:

有没有一种方法可以从组件渲染功能中映射的图像数组中使用CSS创建马赛克样式的网格布局?我正试图用NextJS创建一个马赛克风格的网格,但是一个纯粹的React解决方案是受欢迎和赞赏的。任何一个都能救我

我的渲染函数(或者,至少是与本文相关的部分)看起来像这样:

返回(
{
images.map(image=>)
}
)