我在哪里以及如何在reactjs應用程序中指定全局變量

Question

我想定義一些全局導入或變量，以在我的所有文件中使用它們。

一個例子就是

var T = require('react-redux-i18n').Translate;

目前，我必須在所有文件中執行此操作。 有沒有辦法在index.js中僅執行一次？

謝謝

Answer 1

為什么不使用module.exports的經典javascript方式呢？ 即在index.js中做類似

var1 = '..';
var2 = '...';
...
module.exports= {var1, var2}

然后在其他文件中

import /path/to/index
...
console.log(index.var1)
console.log(index.var2)

或僅導入您需要的內容

import {name_of_var_i_need} from /path/to/index
...

盡管我建議在constants.js文件或類似的文件中執行此操作，而不是將它們全部包含在index.js中（除非它們需要在索引中初始化）

Answer 2

從技術上講，您可以將任何全局變量放在window對象上，然后從中讀取。 通常認為這是一種不好的做法，因為它會造成混淆，並且無法與代碼拆分等優化技術配合使用。

我的建議：不要嘗試保存這樣的按鍵。 將幾個導入復制到您使用它們的每個文件中並不是什么大問題，並且可以使您和您的不同工具都易於理解程序。 您可以破解它，但最終它不值得。