Fatal编程技术网
  • reactjs/
  • Reactjs 反应：如何使用在.env文件中定义的变量？

Reactjs 反应：如何使用在.env文件中定义的变量？

reactjs

Reactjs 反应：如何使用在.env文件中定义的变量？,reactjs,environment-variables,jsx,Reactjs,Environment Variables,Jsx,如何使用在.env中定义的变量。例如，如果我声明一个名为REACT\u APP\u ONLINE\u STATUS\u TIME\u MINUTES=5的变量，我可以在jsx中使用它作为条件变量，如 online\u time{ 返回( {在线\u时间

如何使用在.env中定义的变量。例如，如果我声明一个名为
REACT\u APP\u ONLINE\u STATUS\u TIME\u MINUTES=5的变量
，我可以在jsx中使用它作为条件变量，如 
online\u time
我需要遵循哪些步骤？

您使用的是什么

如果是这种情况，那么您可以在
.env
文件中添加几乎任何变量

但是，您的变量必须以前缀
REACT\u APP
开头

然后在代码中，您可以使用
process.env
轻松访问变量

例如：

const MyComponent = () => {
    return (
        {online_time < process.env.REACT_APP_ONLINE_STATUS_TIME_MINUTES
            && <MyOtherComponent />}
    );
}

constmycomponent=（）=>{
返回(
{在线\u时间
这里，只有当条件
联机时间
为
真时，才会呈现
MyOtherComponent

如果您没有使用create react应用程序，您可能需要使用。
您可以使用该库

请参见此处的用法：


process.env现在具有您在.env文件中定义的键和值


Hi @ Fahad Munir如果这个或任何答案已经解决了你的问题，请考虑点击复选标记。这向更广泛的社区表明，你已经找到了一个解决方案，并给回答者和你自己带来了一些声誉。没有义务这样做