プログラミングのゴミ箱

日々の学習の中で知らなかったことについて、調べたことを解説します。

Reactでpublicフォルダーを使う方法

Using the Public Folder | Create React App
これが参考になった。

create-react-appを実行すると、ルートディレクトリにpublicという名前のフォルダが作られる。
このフォルダにはアプリの中で使う画像など外に公開したいデータが入っている。
ここにsample.pngという名前のファイルがあったとすると、

 <img src={process.env.PUBLIC_URL + 'sample.png'} />;

というふうにアクセスできる。
以上!