它们对于存储不属于状态的站点范围的值和设置或将其作为声明（深层）存储在源代码中非常有用。
需要知道的是，react必须以REACT_APP_开头才能使用这些变量，这是因为环境是nodejs环境，nodejs将声明所有变量，除非它们以REACT_APP_开头
以REACT_APP_开头的环境变量在构建时嵌入到应用程序代码中。

不要将任何秘密（如私钥）存储为REACT_APP_变量！这将在JS构建中暴露它们。

在react应用中，您可以按如下方式访问变量：

let value = {process.env.REACT_APP_MYVALUE}

在HTML中，可以按如下方式使用变量：

<title>%REACT_APP_SITE_NAME%</title>

快速阅读create-react-app的用法：https://create-react-app.dev/docs/adding-custom-environment-variables

用法

环境（. env）变量用于存储敏感信息，或者顾名思义，存储以环境为中心的信息（实时、开发、调试等）
.env文件也保存在.gitignore中，因此不会推送到任何存储库。

跟踪变量

.env.example是一个不保存在.gitignore中的文件，但其他开发人员需要它来了解如何以及将什么放入他们的.env中。
.env.example:

REACT_APP_STRIPE_KEY=
MY_SECRET_KEY=
THIS=
FOO=
BAR=

.env基本上是一个空的例子，然后被复制并在.env文件中填充实值，该文件只对该计算机上的开发人员可用，并由脚本在本地读取，然后知道以什么模式启动应用程序，连接到什么数据库，使用什么密码等。

在根文件夹中创建一个文件。它的.env文件

REACT_APP_(VARIABLE_NAME)=KEY_HERE

用法：在.env文件中添加变量时。重新启动应用。

console.log( process.env.REACT_APP_(VARIABLE_NAME) )

和.gitignore文件，添加下面的代码

.env