我在使用动态导入处理一个项目时遇到问题。我正在使用react.js w/es6

css

<button className="lightbox_button ezLightbox" data-src="./img/house15.jpg">Hello World</button>

js

(async function () {
    let image = element.dataset.src;

    var houseImage = import(`${image}`);

    lightboxImage.src = await houseImage;

    console.log(houseImage);
  })();

这里有一个按钮，其dataset属性为src。它意味着包含我要显示的图像的文件路径。在js中，我从元素的数据集中获取src并尝试导入文件。然后我使用asyncwait，因为这是一个承诺，并设置我想要的元素，以获得映像的src。
问题是它不起作用，lightboximage元素不改变src。我在没有使用react/es6导入的情况下对此进行了测试，它工作得非常好，所以导入时似乎存在问题。我将期待的承诺记录在日志中，这就是我在期待的实现承诺的图像。元素已定义，事件正在被触发。它正在读取dataset属性。有人知道为什么src没有正确导入或者没有应用到元素吗？