css 有没有办法在材质UI中的CardMedia组件中延迟加载图像？

wlzqhblo 于 2023-01-22 发布在其他

关注(0)|答案(1)|浏览(116)

我正在尝试延迟加载CardMedia组件中的图像。是否有一个属性我可以使用或任何其他方式来合并组件中图像的延迟加载。

<CardMedia
    key={cardIndex}
    component="img"
    style={{objectFit: 'contain', height: props.height}}
    image={(cardItem)}
 />

1条答案

当然可以。一旦添加了component="img" prop，就可以访问组件中的loading prop。将其设置为loading='lazy'，就可以开始了。

<CardMedia key={cardIndex} component="img" loading="lazy" image="{(cardItem)} />