javascript - 如何在react中使用全局配置

Question

最近在学习ReactJS。

我想设置一个全局配置变量，例如 SERVER_IP_ADDR。

因此，当我向服务器请求 Ajax 形式的 API(获取/发布)时，

我想在 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>

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

Answer 1

您可以导出配置对象并在需要的地方导入它。

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 );
}