滚动条向下滚动，图片没有加载出来

[NieHang]

这是我的ItemWeb组件代码：

import React from 'react';

import Lazyimg from 'react-lazyimg-component';

export default function ItemWeb(props) {
	return (
		<div className="item__web">
			<a href={props.address} target="block">
                               <Lazyimg
                                  className="lazy"
                                  src={props.imgUrl}
                                />
				<p>{props.name}</p>
			</a>
		</div>
	);
}

我是通过map循环生成的ItemWeb组件:

<div className="item__wrap">
  {value.websites.map(item => (
    <ItemWeb
       key={item.id}
       name={item.name}
       imgUrl={item.imgUrl}
       address={item.address}
    />
  ))}
</div>

情况是这样的：

[NieHang]

但是当我调出控制台的时候，图片就又出来了

[NieHang]

当我在配置项中加入container: document.getElementById('study')时，懒加载就成功了，study是我最外层的一个容器组件。但是会报错:

[NieHang]

我后来将插件改用react-lazyload解决了，原因在于装载图片的父级容器有个overflow属性，我在lazyload的配置中设置了overflow={true}就解决了，应该就是overflow的问题