学无先后，达者为师

网站首页编程语言正文

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-03-21 Android中Binder IPC机制介绍_Android
2023-09-18 element-plus 字体变色之cell-style
2022-04-03 Pandas搭配lambda组合使用详解_python
2022-08-02 pyspark自定义UDAF函数调用报错问题解决_python
2022-10-19 Python 变量教程私有变量详解_python
2022-12-24 Android设置Padding和Margin(动态/静态)的方法实例_Android
2022-06-12 C#异步编程的三种模式_C#教程
2022-04-18 python接口测试返回数据为字典取值方式_python

栏目分类

最近更新