2016-05-04 9 views
0

を反応する私は1つのファイル名を持つ「FirstContainer.js」、そのファイルのコードは、現在のビューのx座標節約currentX値Imに問題は、ネイティブ

getInitialState: function(){ 
return{ 
    currentX: null, 
} 
} 

となります。

私はいくつかのPanRespondersを使用してリリース座標の値を返し、それらを私の親ファイルである 'FirstContainer.js'に取り込む別のファイル 'DraggableView.js'を持っています。あなたは、「UI-コード」を返す前に、自分自身、あなたのレンダリング機能の上では

enter image description here

+0

を。 「これ」は含有成分を指す。これは、矢印関数の構文を使用する利点です。 – azium

+0

あなたは何を言いたいのですか?ここでthis.state.currentXを使用できますか? Bcozが原因で問題が発生し、throwing error cantが未定義のcurrentXを見つけました。 @ azium – Rajesh

答えて

1

のでFirstContainerの機能は、参考のためにスクリーンショットを追加

render: function(){ 
//some more code goes here 
<DraggableView ... 
// by next line Im getting panResponder release values 
releaseValues={(e, gesture) => { 
    //Now here is the problem , I need to use this.state.currentX here  , but unfortunately I cant as 'this' will refer to DraggableView 
Any suggestion how can I achieve that ? 
}}/> 
//some more lines of code 
} 

のようになります。レンダリング。 は、変数を定義します。

`var _this = this`. 

それはこのようなものになります。間違ってい

render: function(){ 
var _this = this; 
//some more code goes here 
<DraggableView ... 
releaseValues={(e, gesture) => { 
// use _this here 
}}/> 
//some more lines of code 
}` 
+0

まさに私が欲しかったもの。ありがとう、トン! – Rajesh

関連する問題