react 设置全局静态变量 文件引入

在 React 中设置全局静态变量的方法有很多，其中一种方法是通过文件引入的方式。

假设我们要设置一个名为 `API_URL` 的全局静态变量，可以按照以下步骤进行：

1. 在 `src` 目录下创建一个名为 `env.js` 的文件。

2. 在 `env.js` 文件中定义全局变量，例如：

   export const API_URL = 'https://api.example.com';

3. 在需要使用全局变量的文件中，使用 `import` 引入 `env.js` 文件，例如：

   import { API_URL } from './env';

4. 在代码中使用全局变量 `API_URL`，例如：

   fetch(API_URL + '/users')
     .then(response => response.json())
     .then(data => console.log(data));

通过这种方式，我们可以方便地在 React 应用程序中设置和使用全局静态变量，避免了在多个组件中重复定义变量的问题。需要注意的是，由于全局变量会被多个组件共享，因此应该谨慎设置全局变量，避免出现命名冲突等问题。