以下是未呈现预加载器图像的原因:
> preloaderImage加载
>加载时,imageLoadHandler触发器并将src属性更改为主图像src(因此即使现在加载了preloaderImage也不会呈现)
>现在主图像加载
>加载时会渲染
你应该如何正确地做到:
>如果你写React应用程序,你应该这样做React方式:
>在构造函数方法中将图像设置为组件状态.你需要这样做是因为你要改变图像的渲染方式(在React中你通过改变组件的道具或状态实现渲染更改,在你的情况下它应该是状态).但请注意,您应该将列表中每个图像的src属性设置为preloaderImage(在下面的示例中我使用的是object destructuring语法).
constructor() {
super();
this.state = {
images: this.props.images.map(image => ({
...image,src: preloaderImage
}))
}
}
>现在在render方法中创建这样的图像列表(注意,这里不需要onLoad处理程序):
const listWork = this.state.images.map(image => (
));
>在componentWillMount方法中,开始使用vanilla JS动态加载主映像src(您可以阅读有关它的文