TouchableHighlight onPressが機能しない

Question

私は、反応ネイティブにアップグレードするまで、機能したサインインページを実装しました。

私がいる問題は、たonPressプロップが呼び出されていないということである。ここでは

<TouchableHighlight style={styles.button} 
     underlayColor='#f1c40f' 
     onPress={this.signIn}> 
    <Text style={styles.buttonText}>Sign In</Text> 
</TouchableHighlight> 

は私のサインイン機能である：

signIn: function(){ 
console.log("SignInAction signIn") 
this.fetchData(); }, 

サインインボタンをとき、私落ち込んでいるように見えますそれをクリックしますが、ログステートメントは起動していません。

Answer 1

はこのようにそれを呼び出して試してみてください。

onPress={() => this.signIn() }> 

それは「これは」あなたの関数に間違った範囲にバインドされているように見えます。

onPress={this.signIn.bind(this)}> 

残りのコード変更を必要としない：

Answer 2

あなたも、このようにそれを行うことができます。また

Answer 3

、あなたがしたい利用バインドしないと、我々はES6の構文を使用していることから、あなたは（あなたのコンポーネント内）constはなく、関数などとして割り当てられ、あなたの関数を書くことができた場合：

signIn =() => { 
    // code here 
} 

すでにコンストラクタ内または他の場所に結合することなく、あるように、あなたはまだコンポーネント以内にそれを呼び出すことができます。

<TouchableHighlight style={styles.button} 
     underlayColor='#f1c40f' 
     onPress={this.signIn}> 
    <Text style={styles.buttonText}>Sign In</Text> 
</TouchableHighlight> 

これは「この」以来一貫サインインがにバインドされるのコンテキストを維持する必要があります成分初期化時に1回だけです。