Javascript 如何在react中使用全局配置

最近我在学习英语

我想设置一个全局配置变量，比如SERVER\u IP\u ADDR

因此，当我要求服务器提供一个API（get/post）作为Ajax时

我想在ReactJS中使用这个全局配置变量

我通常用JavaScript创建一个全局变量

只需导入它并在任何地方使用它

/js/config.js

var SERVER_IP_ADDR

/js/main.js

<script src="/js.config.js"></script>

像这样

<script>
  function request() {
    url = SERVER_IP_ADDR;
  }

</script>

函数请求（）{
url=服务器\u IP\u地址；
}

---

我不能在ReactJS中设置此结构吗？

是的，您可以使用config.js文件并在多个位置使用它

您的config.js文件如下所示

module.exports={
  url : 'api.xxx.com'
}

你可以像这样导入它

import config from './config';

config.url

---

是的，您可以，您可以使用config.js文件并在多个地方使用它

您的config.js文件如下所示

module.exports={
  url : 'api.xxx.com'
}

你可以像这样导入它

import config from './config';

config.url

---

您可以导出配置对象，并在需要时将其导入任何位置

js.config.js

const config = {
  SERVER_IP_ADDR: '...',
  OTHER_CONFIG_KEY: '...'
}

export default config;

在文件里你需要它

import configuration from "./js.config"

function request(){
   fetch( configuration.SERVER_IP_ADDR );
}

---

您可以导出配置对象，并在需要时将其导入任何位置

js.config.js

const config = {
  SERVER_IP_ADDR: '...',
  OTHER_CONFIG_KEY: '...'
}

export default config;

在文件里你需要它

import configuration from "./js.config"

function request(){
   fetch( configuration.SERVER_IP_ADDR );
}

如果使用，那么应该使用.env变量来实现这类功能

在根路径中添加.env文件，文件内容如下： 反应应用服务器IP地址= 反应\应用\自定义\变量=foobar

然后在源代码中，您可以这样使用它：

${process.env.REACT\u APP\u SERVER\u IP\u ADDR}/v1/user

有关.env的更多信息：

如果使用，则应该使用.env变量来实现这类功能

在根路径中添加.env文件，文件内容如下： 反应应用服务器IP地址= 反应\应用\自定义\变量=foobar

然后在源代码中，您可以这样使用它：

${process.env.REACT\u APP\u SERVER\u IP\u ADDR}/v1/user

---

有关.env的更多信息：

虽然可以执行您希望执行的操作，但我建议您研究并了解如何在react项目中使用dotenv环境变量。如果您使用的是

create react app

，那么您还可以检查是否可以执行您希望执行的操作，我建议您研究如何在react项目中使用dotenv环境变量。如果您使用的是

create react app

，您还可以查看感谢回复。顺便问一下，我是否每次使用配置时都要导入？此外，我想创建一个全局函数。。。有没有可能以与上面相同的方式生成它？@HoonyB有。可以在对象中添加任何需要的内容。或者您可以直接导出一个函数。谢谢您的回复。顺便问一下，我是否每次使用配置时都要导入？此外，我想创建一个全局函数。。。有没有可能以与上面相同的方式生成它？@HoonyB有。可以在对象中添加任何需要的内容。也可以直接导出函数。