相关疑难解决方法(0)

你能否告诉我,我在下面写的功能是否足以在大多数(如果不是所有)今天常用的浏览器中预装图像？

function preloadImage(url)
{
    var img=new Image();
    img.src=url;
}

我有一个imageURL数组,我循环并调用每个URL的preloadImage函数.

我目前正在这样做：

class Checked extends React.Component {
    render() {
        return (
            <svg width="24" fill="#00ea00" height="24" viewBox="0 0 24 24">
                <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
            </svg>
        );
    }
}

但是我想做这样的事情：

import imgTable from '../img/catering_table.svg'

class Checked extends React.Component {
  render() {
      return imgTable;
  }
}

为什么这不起作用？我在这里返回变量而不是实际内容吗？我本以为两者是等效的。

PS：Webpack设置正确，我在该文件的其他地方使用了导入，所以不是那样。（顺便说一下，我在这里使用GatsbyJS）