如何区分哪张图片放在正确的位置

Question

我正在使用 preloadjs，但我有一个问题，当我将图像存储在队列对象中时。如何区分哪个图像放置在正确的位置。

这里是存储图像代码

    queue.loadFile('https://s3.amazonaws.com/coursetro/stuff/mountains-clouds.jpg');
    queue.loadFile('https://s3.amazonaws.com/coursetro/stuff/adventure-alpine-alps-714258.jpg');
    queue.loadFile('https://s3.amazonaws.com/coursetro/stuff/170407220921-07-iconic-mountains-pitons-restricted.jpg');
    queue.loadFile('https://s3.amazonaws.com/coursetro/stuff/170407220916-04-iconic-mountains-matterhorn-restricted.jpg');

这里是将图像Dom设置为html

    const handleFileComplete=(event)=>{
    const type=event.type;
    if (type=="fileload"){
        galleryRef.current.appendChild(event.result); //this is just a simple traversal How to distinguish 
    };
}
    queue.on("fileload",handleFileComplete);

谢谢你帮助我:)

===============================已修复===============================

感谢兰尼的回答。我们可以在加载图像时设置id

queue.loadFile({id:"dance1",src:'https://s3.amazonaws.com/coursetro/stuff/170407220916-04-iconic-mountains-matterhorn-restricted.jpg'});