我在其他组件中使用了一个第三方组件（react-infinite-scroll-component）来显示一个对象列表，其中一些对象包含一个图像。我想做的是，当用户点击图片时，图片将以全屏显示，这应该覆盖整个桌面屏幕。
现在的问题是，我确实以某种方式让图片 "全屏"，但它只填充了图片所在的react-infinite-scroll-component，而不是我所期望的整个屏幕。
这是使用滚动组件的主要部分：
<InfiniteScroll
dataLength={arrs.length}
hasMore={true}
scrollThreshold={0}
height={500}
scrollableTarget="scrollableDiv"
>
{<Examples arrs={arrs} />}
</InfiniteScroll>
风格设计在s.scss 文件中
