环境变量允许你在全系统范围内定义数值，因此你可以在你的网站代码中使用它们，从而使你避免在代码中放置它们的麻烦。它还可以使你的敏感数据与你的代码分离，同时减少生产层面的错误。
这里我们将学习如何在ReactJS应用程序中注入和利用环境变量。
首先在vs code或任何其他IDE中创建一个新的react应用程序，我个人更喜欢VS Code。
在根目录下创建.env
我们首先在我们应用程序的根目录下创建一个.env文件，如下所示：
根目录下的.env文件
添加变量
现在我们在我们的.env文件中添加环境变量，如：
REACT_APP_BASE_URL=https://upmostly.com
REACT_APP_PORT=3000
REACT_APP_SOME_OTHER_VARIABLE=someothervariable
现在我们必须小心我们的变量的命名规则，因为当你的应用程序试图访问环境变量时，react只允许以REACT_APP 开头的变量被考虑，它这样做是为了避免任何系统变量的碰撞和暴露它们。
-
当你添加/更新任何环境变量时，请确保重新启动你的应用程序。
-
不要在环境中存储任何私钥，因为环境变量被嵌入到构建中，允许它们在被检查时被访问。
-
将你的**.env** 添加到**.gitignore**，相信我，你不会想提交它的。
-
你可以把你的**.env** 嵌入到你的主机上。
消耗环境变量
一旦上述所有步骤完成，你就可以像这样访问环境变量了。
<p>
{process.env.REACT_APP_BASE_URL} <code>src/App.js</code> and save to reload.
</p>
和 bob's your uncle
总结
我希望你学会了如何在你的 reactJS 应用程序中使用环境变量，以及在使用它们时的注意事项和不要做的事 。
你也可以看看在你的NextJS应用程序中使用环境变量。
这里有一个官方文档的参考。
