react使用.env文件管理全局變量的方法
更新時間：2023年01月31日 10:35:08 作者：好巧.
本文主要介紹了react使用.env文件管理全局變量的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
前言
本文基于“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打印
到此這篇關(guān)于react使用.env文件管理全局變量的方法的文章就介紹到這了,更多相關(guān)react .env全局變量內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
詳解React中傳入組件的props改變時更新組件的幾種實現(xiàn)方法
這篇文章主要介紹了詳解React中傳入組件的props改變時更新組件的幾種實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
本文主要介紹了React Native Popup實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
圖片懶加載是一種優(yōu)化網(wǎng)頁性能的技術(shù),它允許在用戶滾動到圖片位置之前延遲加載圖片,通過懶加載,可以在用戶需要查看圖片時才加載圖片,避免了不必要的圖片加載,本文給大家介紹了React實現(xiàn)圖片懶加載的常見方式,需要的朋友可以參考下2024-01-01
本文主要介紹了react路由知識，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
本文給大家介紹了React實現(xiàn)翻頁時鐘的代碼示例,翻頁時鐘把數(shù)字分為上下兩部分,翻頁效果的實現(xiàn)需要通過設(shè)置 position 把所有的數(shù)組放在同一個位置疊加起來,文中有詳細的代碼講解,需要的朋友可以參考下2023-08-08
使用useMutation和React Query發(fā)布數(shù)據(jù)demo
這篇文章主要為大家介紹了使用useMutation和React Query發(fā)布數(shù)據(jù)demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
在React中,state 是一個用于存儲組件內(nèi)部數(shù)據(jù)的特殊對象,每個React組件都可以包含自己的state,我們往往是通過修改state的值來驅(qū)動React重新渲染組件,這篇文章主要介紹了React中state屬性,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了React Class組件生命周期,包括react組件的兩種定義方式和class組件不同階段生命周期函數(shù)執(zhí)行順序，本文給大家介紹的非常詳細，需要的朋友可以參考下2021-08-08
這篇文章主要介紹了useReducer使用詳解及其應(yīng)用場景,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
react?+?vite?+?ts項目中優(yōu)雅使用.svg文件
這篇文章主要為大家介紹了react?+?vite?+?ts項目中優(yōu)雅使用.svg文件,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08