无法使用 React 中的动态键访问 process.env 值.JS

Question

无法访问进程。使用动态键的env值

。env文件

TEST_ENV ="www.test.com";TEST_ENV_1 = "www.qwerrt.com";

. js

如果我尝试直接使用process.env。TEST_ENV，它工作正常。但是。env键值必须取动态

作为参考，我试过:

const myKey = 'TEST_ENV';
const myENV = process.env[myKey];
console.log(myENV); //undefined

Answer 1

1. 在根目录下创建.env文件
2. 打开。env并声明环境变量

React在每个自定义变量上强制使用前缀REACT_APP。不含REACT_APP的变量忽略

所以总是创建一个自定义变量，如REACT_APP_CUSTOM_VARIABLE。

在你的例子中是:

REACT_APP_MY_KEY = 'TEST_ENV'

访问环境变量的方法是在相应的组件

中使用process.env.REACT_APP_MY_KEY