Загружать динамически сгенерированные изображения в приложении React

Question

Backend генерирует изображения, когда пользователь отправляет запрос post в приложение React.После того, как вычисления сделаны и изображения сгенерированы, мне нужно загрузить их из указанных папок.Можно ли вообще это сделать с webpack или мне нужно будет сделать дополнительный запрос к серверу для получения сгенерированных изображений?Сейчас я пытаюсь использовать следующий код, но результаты пусты (когда изображения уже присутствуют в папках, код работает нормально, когда проект перестраивается с изображениями):

importAll = (r) => {
    return [r.keys(), r.keys().map(r)];
}

get_analysis_charts = () => {
  const pca_arr = this.importAll(require.context('../public/images/pca/', false, /\.png$/));
  imgArr = pca_arr[1]; 
  return imgArr;
}

render() {
...
{
    this.state.fullAnalysisDone ? 
      <div>
        <h3>PCA</h3>
        {
        this.get_analysis_charts().map((chart_img) => {
          return <img src = {chart_img} style = {{height:"300px", width:"400px"}}/>
        })
      }
  :""
  }
}

Answer 1

Повторная отправка как ответ:

Если я правильно понимаю последовательность событий, после запроса POST изображения затем генерируются в папке на сервере ... таким образом, чтобы клиент мог получитьих, это должно было бы запросить каждое изображение отдельно.WebPack здесь был бы бесполезен, так как это скорее технология «времени сборки», а не технология «времени выполнения».Если запрос POST может дать вам представление о том, какие изображения генерируются, а также о соответствующих URL-адресах, вы можете просто отобразить элементы с этими URL-адресами в качестве атрибута src, чтобы клиент мог их загрузить (и отобразить).НТН