react如何获取.env.development中的全局变量

在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_作为前缀。

相关问题

那在react-native0.75.1版本中应该如果正确使用react-native-config读取.env.development和.env.production

在React Native 0.75.1版本中，你可以使用`react-native-config`库来处理不同环境（如development和production）下的`.env`文件。以下是正确的步骤：

1. **安装 react-native-config**:
打开终端（对于iOS项目是Xcode的终端，对于Android项目是命令行），在项目根目录下运行：

   npm install react-native-config --save

或者使用yarn：

   yarn add react-native-config

2. **创建 .env 文件**:
在你的项目根目录下创建 `.env.development` 和 `.env.production`，分别存储对应环境的变量。例如：
- `.env.development`: 存储开发环境变量，如 `API_URL=dev.example.com`
- `.env.production`: 存储生产环境变量，如 `API_URL=prod.example.com`

3. **更新 package.json 文件**:
在 `scripts` 节添加以下代码，用于启动应用时自动加载配置：

   "start": "npx react-native start && npx react-native-config",
   "android": "npx react-native run-android",
   "ios": "react-native run-ios"

4. **在App.js 或 main.js 中引入并使用 Config**:
引入`Config`库，并使用其提供的全局变量：

   import { AppConfig } from 'react-native-config';

   // 在组件或某个初始化的地方获取配置值
   const apiUrl = AppConfig.API_URL;

   console.log(apiUrl); // 输出当前环境的API URL

请注意，`Config`会动态读取`.env.{environment}`文件中的内容，不需要额外的代码处理切换环境。