プログラミングのゴミ箱

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

Reactで環境変数を扱う

Reactで環境変数を扱いたいときには、ルートディレクトリに「.env」ファイルを作成し、その中にREACT_APP_という名前に続く変数名をつけた変数を定義することで扱えるようになる。

# develop
REACT_APP_API_HOST=localhost:3000
<||

こんな感じ。変数名の先頭は必ずREACT_APP_にしなければならない。

この環境変数にアクセスしたいときには、

>||
process.env.REACT_APP_API_HOST
# localhost:3000
<||