react如何获取.env.development中的全局变量
时间: 2024-06-18 10:02:25 浏览: 208
在React中获取.env.development中的全局变量可以通过process.env对象来实现。process.env是一个全局变量,它包含了当前环境中所有的环境变量,包括我们在.env.development文件中定义的全局变量。
例如,如果我们在.env.development文件中定义了一个名为REACT_APP_API_URL的全局变量,我们可以在React组件中通过process.env.REACT_APP_API_URL来获取它的值。示例代码如下:
```
import React from 'react';
function App() {
const apiUrl = process.env.REACT_APP_API_URL;
return (
<div>
<p>API URL: {apiUrl}</p>
</div>
);
}
export default App;
```
如果在.env.development文件中定义了多个全局变量,可以使用类似的方法来获取它们的值。需要注意的是,在使用process.env对象时,变量名需要以REACT_APP_作为前缀。
阅读全文