react使用.env文件管理全局變量的方法
更新時間：2023年01月31日 10:35:08 作者：好巧.
本文主要介紹了react使用.env文件管理全局變量的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
前言
本文基于“react”: “^18.2.0”
1.在根目錄創(chuàng)建一個 .env 文件
2.配置全局變量
.env文件默認是沒有語法高亮的，vscode編輯器可以下載 DotENV 擴展插件
.env變量名必須以 REACT_APP 開頭，單詞大寫，以 _下劃線分割
.env變量更改之后，項目必須重啟才會生效
REACT_APP_MSG = 'hello world'
3.在項目中使用
通過 process.env.變量名 獲取變量
4.效果圖
啟動項目后，在控制臺查看console.log打印
到此這篇關于react使用.env文件管理全局變量的方法的文章就介紹到這了,更多相關react .env全局變量內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
在大型Web應用中，一個常見的設計需求是讓某些組件具有吸頂效果，這意味著當頁面向下滾動時，該組件會保持在屏幕頂部，在本文中，我們將介紹如何在React項目中實現(xiàn)吸頂效果。我們將首先討論使用原生JavaScript領域的方法來實現(xiàn)，然后將這些方法與React結合起來2023-06-06
本篇文章主要介紹了react redux入門示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要介紹了React Diff原理的相關資料，幫助大家更好的理解和學習使用React框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要為大家介紹了取消正在運行的Promise技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
本章深入探討了React?Ref的用法和原理,還介紹了如何使用useImperativeHandle在函數(shù)組件中暴露方法,并詳細解釋了ref的處理邏輯和原理,包括在commit階段更新ref以及在組件卸載時的處理,感興趣的朋友一起看看吧2025-01-01
這篇文章主要介紹了React中使用外部樣式的3種方式(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了react實現(xiàn)換膚功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
react?echarts?tree樹圖搜索展開功能示例詳解
這篇文章主要為大家介紹了react?echarts?tree樹圖搜索展開功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
React實現(xiàn)單向數(shù)據(jù)流的方法
本文主要介紹了React實現(xiàn)單向數(shù)據(jù)流的方法2023-04-04
react基于Ant Desgin Upload實現(xiàn)導入導出
本文主要介紹了react基于Ant Desgin Upload實現(xiàn)導入導出,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-01-01