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
Menu