学无先后，达者为师

网站首页编程语言正文

react使用.env文件管理全局变量的方法_React

作者：好巧. 更新时间： 2023-03-27 编程语言

目录

前言
1.在根目录创建一个 .env 文件
2.配置全局变量
3.在项目中使用
4.效果图

前言

本文基于“react”: “^18.2.0”

1.在根目录创建一个 .env 文件

在这里插入图片描述

2.配置全局变量

.env文件默认是没有语法高亮的，vscode编辑器可以下载 DotENV 扩展插件

.env变量名必须以 REACT_APP 开头，单词大写，以 _下划线分割

.env变量更改之后，项目必须重启才会生效

REACT_APP_MSG = 'hello world'

在这里插入图片描述

3.在项目中使用

通过 process.env.变量名 获取变量

在这里插入图片描述

4.效果图

启动项目后，在控制台查看console.log打印

在这里插入图片描述

原文链接：https://blog.csdn.net/weixin_43233914/article/details/109389305

上一篇：使用seaborn绘制强化学习中的图片问题_python
下一篇：python数组如何添加整行或整列_python

相关推荐

2022-09-26 数据库基本增删改查语法和多表链接查询的方式
2022-07-09 C++深入探索内联函数inline与auto关键字的使用_C 语言
2022-04-21 python工厂方法模式原理与实现_python
2022-04-12 Taro打包Android apk过程详解_Android
2022-11-16 Android 十六进制状态管理实例详解_Android
2022-08-04 Unity中协程IEnumerator的使用方法介绍详解_C#教程
2022-07-27 使用Docker将容器打成镜像的方法步骤_docker
2023-07-14 浏览器本地存储Cookie、LocalStorage、SessionStorage

栏目分类

最近更新