Javascript 将图像设置为页面在React中呈现的第一个图像

我正在为一个项目使用React，我正在尝试将所需的图像设置为根组件加载的第一个图像，现在加载的第一个图像是navbar组件的徽标，它也是根页面组件的一部分

我已经在网上寻找解决方案，但没有找到任何解决方案，在React中有什么方法可以做到这一点吗？类似于延迟渲染除一个之外的所有其他图像

---

我想实现这一点的原因是在应用程序中共享生产网页，应用程序将加载的第一张图像作为共享链接的默认封面图像。

应用程序通常使用标签中声明的图像作为预览。您应该检查其他站点使用的元标记，抓取“第一个”图像可能只是丢失的

meta

tag

const{complete}=document.getElementById（“myImg”）//选择图像。您也可以在这里使用ref。
如果（完成）{/*做你的事情，例如setState（{displayContent:true}）*/}

Yes，og:image元标记就是我要找的，只是以前不知道这是一个选项，谢谢！不客气。Facebook有一个很好的元调试工具，可能会派上用场