Динамический импорт изображений в модуле

Question

Я пытаюсь выяснить динамическую загрузку активов в модуле, используя новейшую функцию ES "динамическая загрузка модулей".

С помощью react & его jsx синтаксис, модуль выглядит так:

const PhoneImg = ({ selectedModel, altTxt }) => {
   const colour = selectedModel.replace(" ", "_");
   return <img src={
      import(../developer_task/images/Apple_iPhone_8_${colour}.png`)
   .then(img => Promise.resolve(img)
   .then(img => img)}
  alt={altTxt}/>;
};