【Web前端问题】react如何实现加载可视区域的图片

• Z时代
• 2024-01-10
• 分类：技术分享

本来只有十来张图，我用的antd的Grid，so easily~ 然后现在告诉我要1000+张，效果类似某东首页，一次性把位置渲染好，滑动到什么位置，再加载可视区域的图片。
没有时间了，敢问有类似组件吗？

不是懒加载！我要一次性渲染完所有图的位置

                <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>
                    )}
                />

以上是 【Web前端问题】react如何实现加载可视区域的图片 的全部内容， 来源链接： utcz.com/a/134803.html