Динамически загружать путь к изображению при рендеринге компонента в реагированииОшибка: не удается найти модуль

Question

Я пытаюсь динамически загрузить исходный путь изображения из значения реквизита при рендеринге моего компонента.

Это мой код:

render(){
    let image;
    image = require('../../assets/img/grid-list/test.jpg'); // this works!
    this.props.gridListData.values.map(tile => tile.imagem = require(tile.img) ); // this breaks with Error: Cannot find module '../../assets/img/grid-list/test.jpg'
  }

Значение tile.img равно '../../assets/img/grid-list/test.jpg'

Что я делаю не так?

Answer 1

Попробуйте как:

this.props.gridListData.values.map(tile => tile.imagem = require(`${tile.img}`) );

require ожидает путь в виде строки, динамически не работает с переменными.Это какой-то обходной путь.