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