主要给大家介绍了关于react如何实现一个还算优雅的占位模块图片组件的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。

前言 发现项目中的图片占位模块写得很不优雅，找了一圈，发现没找到自己想要的图片组件。于是自己写了一个，写了一个还算优雅的图片组件：mult-transition-image-view 截图： 功能简介 首先它是一个比较优雅的组件：用起来不头疼。 第二个它能实现以下场景： 没有图片的时候，显示一个占位图（可以直接用css来写背景，方便自定义） 希望在加载大图的时候，能先占位一张小图，然后再过渡到一张大图。类似上面的截图。 使用方法 安装npm 包 npm install re