Create-React-app 画像を動的に変更さえる

Question

  <img src="../img/hoge.jpg" />

create-react-appを使ってReactプロジェクトを立ち上げ、できたsrc下にimgフォルダを作成してそこに画像を保存しています. srcで画像を動的に変更させたいのですが上のコードで表示されません.
ネットで調べるとimportで読み込むとできると書いてあるのですが動的に変更させたいのでsrcで指定したいです.
解決策がご存知でしたらよろしくお願いします。
下記にファイル構成を上げておきます.
-src/img/hoge.jpg
-src/component/hoge.tsx //ここから上のimg/hoge.jpgを読み込んではずなに表示されな....

Answer 1

こちらの公式ドキュメントが参考になると思います。

import logo from '../img/hoge.jpg';

<img src={logo} alt="Logo" />;

とすれば、表示できるかと思います。

また、動的に変更させるのでしたら、hooksを用れば良いと思います。

const [logo, setLogo] = useState("");

const change = () => {
 //newLogoは変化させたい画像を指定してください
 setLogo(newLogo);
}