TouchableOpacityのonPressがトリガーしない

Question

私はあなたの助けが必要です！私の目標は、クリックした後にボタンのスタイルを変更することです！私はdirect manipulationについて聞いて、それを試してみることにしました。今私は理由を知らないが、TouchableOpacity内のonPressは機能しない。ここでは、コードは次のとおりです。

<TouchableOpacity onPress={() => this.changeStyle}> 
    <TouchableHighlight style={styles.answer} ref="answer1"> 
     <Text ...> Some Text </Text> 
    </TouchableHighlight> 
</TouchableOpacity> 

そして、ここでは私のchangeStyle機能である：

changeStyle() { 
    this.refs['answer1'].setNativeProps({ 
     style: { backgroundColor: "#13a88a"} 
    }); 
} 

今私はなぜ知らないが、「たonPress」がトリガされることはありません。 ありがとうございました！

Answer 1

あなたが「this.changeStyle`を使用して機能を実行したい場合は、そのようなあなたたonPressを書く：あなたはthis.changeStyleを実行したonPressプロップ内の関数を渡すつもりなら

<TouchableOpacity onPress={this.changeStyle}/>

そのようなあなたたonPressを書く：

<TouchableOpacity onPress={() => this.changeStyle()}/>

PSを：なぜ<TouchableOpacity/>内部<TouchableHighlight/>を持っているのですか？ちょうど1つを使用し、それにonPressの小道具を追加してください。