概要 Reactで画像を参照する方法は通常のhtmlとは方法が違うので、忘備録としてメモ。 また、画像を参照してCSSで背景画像として設定する方法もメモ。 画像を表示する方法 publicフォルダにある画像を参照する create-react-appでプロジェクトを作成するとpublicフォルダが作成されている。 publicフォルダ内に配置したどのようなファイルも、オンラインでアクセスできる。 例えば、publicフォルダにさらに画像だけのimagesフォルダを作成してpublic/images/dummy.jpgという画像が場合、ローカル環境(localhost)でReactを動かしているとき、画像は以下でアクセスすることができる。