How to load pictures in visual area with react

there are only about a dozen pictures, but I use antd"s Grid,so easily~ and now tell me to have 1000 + pictures, which is similar to some east home page, render the position at once, slide to where, and then load the picture of the visual area.
there is no time, dare to ask if there are similar components?

not lazy loading! I want to render the location of all the pictures at once

                <Grid
                    data={data}
                    hasLine={false}
                    columnNum={2}
                    onClick={_el => this.clickJump(_el)}
                    renderItem={dataItem => (
                        <div>
                            <img src={dataItem.icon}/>
                            <div>
                                {getPPTNum("thumbnail", dataItem.icon)} /{total}
                            </div>
                            <span>
                                {criteria(dataItem)}
                            </span>
                        </div>
                    )}
                />

Jun.19,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b43f9d-2c6cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b43f9d-2c6cf.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?