ReactJS:如何在网格中添加图像集

ReactJS: How to additional set of images in grid?

本文关键字:添加 图像 网格 ReactJS      更新时间:2023-09-26

不使用任何CSS框架,什么才是正确的方法?我想到了<ul>

谢谢你,我会upvote +接受答案

在组件中提供一个img url数组作为prop。

存储本地状态的图像网格数量,初始化为1。

在渲染方法中输出图像的当前状态数量(this.state.imgGridCount)

load more按钮应该调用一个函数,该函数反过来调用setState以将当前数字增加1。React现在应该自动渲染8张图片(或者点击两次时渲染12张)。