webpack javascript 動的な画像の表示

実現したいこと

こんにちは　質問させてください
javascript ,webpack5
バックエンドでフィルターされた商品データ（objectの配列）をfetchで取得して、そのデータをもとにHTMLエレメントを画面に表示したいのですが、画像の表示の仕方に困っています。webpackで画像をバンドルしたのですが、公式サイトにはそれを表示するにはindex.js内でjavasctipt でそのimgタグを指定して、srcに画像データを指定すると書いていますが、そもそも抽出される商品データはフィルター条件によって変わるので、どうやって抽出されたデータにそれにあった画像を指定するのか分かりません。皆さんはこの場合どうやっているのでしょうか。よろしくお願いいたします。

前提

ここに質問の内容を詳しく書いてください。
（例）
TypeScriptで●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。