Reactでグローバル変数を宣言する方法は？

Question

i18n翻訳オブジェクトをコンポーネント（アプリケーションに読み込まれる最初のコンポーネント）で一度初期化しました。他のすべてのコンポーネントでは、同じオブジェクトが必要です。私はすべてのコンポーネントで再初期化したくありません。周りには何がありますか？私がrender()メソッドでそれを使用する必要があるので、ウィンドウスコープで利用できるようにすることは役に立ちません。

これらの問題の一般的な解決策をお勧めします.i18n固有の解決策ではありません。

Answer 1

Contextを試してみませんか？

いずれの親コンポーネントでもグローバルコンテキスト変数を宣言できます。この変数は、コンポーネントツリー全体でthis.context.varnameでアクセス可能です。親コンポーネントにはchildContextTypesとgetChildContextを指定する必要があります。その後、子コンポーネントにcontextTypesと指定するだけで、どのコンポーネントからでもこの変更を使用/変更できます。

ただし、ドキュメントで述べたように、このメモを取ってください。

明確なコードを書くときに、グローバル変数は最高の回避されているのと同じように

、あなたは、ほとんどの場合、コンテキストを使用しないでください。具体的には、「入力を保存する」と明示的な小道具を渡す代わりにそれを使用する前に、2度考えてください。

Answer 2

反応でミックスインを使用できます。https://facebook.github.io/react/docs/reusable-components.html#mixins

Answer 3

は、あなたのグローバル変数は、それを谷...少しそうのように追加するには、アプリのクラスからcomponentWillMountを使用することができます....お勧めしていないが：

componentWillMount: function() { 
    window.MyVars = { 
     ajax: require('../helpers/ajax.jsx'), 
     utils: require('../helpers/utils.jsx') 
    }; 
} 

はまだこのハックを検討します...それはあなたの仕事は

を成し遂げるだろうところでcomponentWillMountはもっとここを参照してください、レンダリングの前に一度だけ実行される： https://facebook.github.io/react/docs/component-specs.html#mounting-componentwillmount

Answer 4

を私がこれまでに発見した最良の方法は、React Contextを使用するのではなく、分離することですそれはhigh order provider componentの中にあります。

Answer 5

私は彼らがこの「コンテキストに反応」ものと言おうとしているかわからない - 彼らは私に、ギリシャを話しているが、ここで私はそれをやった方法は次のとおりです。

あなたのコンストラクタでは、あなたをバインドセッター：

this.setSomeVariable = this.setSomeVariable.bind(this); 

それからちょうどあなたのコンストラクタの下の関数を宣言します。

setSomeVariable(propertyTextToAdd) { 
    this.setState({ 
     myProperty: propertyTextToAdd 
    }); 
} 

あなたがそれを設定したい場合は、this.setSomeVariable("some value");

を呼び出します

（あなたもthis.state.myProperty = "some value";で逃げることができるかもしれません）

あなたはそれを取得したい場合は、あなたにsome valueを与える必要がありますalert(myProp);を使用してvar myProp = this.state.myProperty;

を呼び出します。