如何在React中使用图像构造函数？

2024-05-08 • 问答

如何在React中显示由图像构造函数创建的图像？

我已经使用图像构造函数来预加载图像，但是我不确定在加载标记时是否正在使用已获取的相同图像。是否创建了new Image然后通过缓存显示并通过引用src来查找？

我正在按照以下说明进行预加载：

    this.props.pictures.forEach((picture) => {
        const img = new Image();
        img.src = picture.fileName;
    });

var Im = new Image();
Im.src = picture.fileName;
let div = document.querySelector("id");
div.appendChild(Im)

创建一个Image对象就相当于拥有<img src="filename">，但是除非将其放在DOM中，否则它不会显示在任何地方。因此，放置图像的位置取决于您。如果要在文档的特定div中使用它们，则需要找到它们并使用img附加新的div.appendChild(img)对象。