はじめに

Reactでの.envファイルの使い方についてメモとして残しておきます。

Reactにおける.envファイルの使い方

.envファイルにはアプリケーションで使用する、環境変数や設定値を設定することが多いです。

以下がサンプルコードになります。

Reactでは、頭文字に「REACT_APP_」を付けないといけません。
それでは呼び出してみましょう。

呼び出すときは、「process.env.(環境変数名)」という風に呼び出します。
画面を確認していきましょう。

すると、画像のように.envファイルの変数の値を取得することができました!

ちなみに、APIのシークレットキーなどの情報は、管理すべきではないそうです。
※gitignoreで隠しファイルとして設定しても、ビルド時のログを確認すると見れてしまうらしいです。

https://qiita.com/ken-s/items/b6190283db28295155bb

最後に

他にも色々な記事を書いているので、よければ読んでいってください、、、

https://qiita.com/hukuryo/items/97797a91d7e2ee0bcabc

https://qiita.com/hukuryo/items/265c676d17fe21e75242

https://qiita.com/hukuryo/items/ebeb26823f944f143b11
[cv:issue_marketplace_engineer]