问题描述
过去两个晚上，我一直在为React的问题而苦苦挣扎。我有一个网站，其中包含多个图片（标题，一些图库图片，一些很酷的照片）。我希望页面在正确加载所有图像后整体呈现。
有人告诉我使用生命周期挂钩，但这似乎不起作用，因为渲染过程比某些图像需要加载的时间快。
这一次，我以为我可以通过执行以下操作使其正常工作：向容器div添加内联样式，显示不显示。然后在容器div上添加onLoad = {触发显示的方法：继承}。
但是，当我使用较大的图像（15MB，仅用于测试）时，加载可能是成功的，但仍然需要一些时间才能显示在页面上。所以它毕竟没有用。它只是“看起来”像它起作用，导致另一张图像加载得更快。
还有其他想法可以解决这个问题吗？
最美好的祝愿
解决方法
如果知道页面上的图像数量，则可以创建一个从零开始的计数器，并在每个图像上放置一个onLoad，在加载图像时将onLoad加到计数器上……然后执行一个条件：
{counter===numberOfImages? <Content><Content/> : null}