リアクト - ネイティブ：ここでは、単一のイベントハンドラメソッド

Question

によるイベント処理は、複数のボタンであり、私は一つの方法と異なるアクションを使用してイベントを処理するが、ここでは異なるボタンのコール

上で実行されます私のコードは

<Grid style={styleKeybaord.grid}> 

        <Row> 
        <Col style={styleKeybaord.column}> 
        <TouchableOpacity ref = '1' onPress = {this.abc}> 
        <Text style={styleKeybaord.text}>{STRINGS.t('keybord_1')}</Text> 
        </TouchableOpacity> 
        </Col> 

        <Col style={styleKeybaord.column}> 
        <TouchableOpacity ref = '2' onPress = {this.abc}> 
        <Text style={styleKeybaord.text}>{STRINGS.t('keybord_2')}</Text> 
        </TouchableOpacity> 
        </Col> 

        <Col style={styleKeybaord.column}> 
        <TouchableOpacity ref = '3' onPress = {this.abc}> 
        <Text style={styleKeybaord.text}>{STRINGS.t('keybord_3')}</Text> 
        </TouchableOpacity> 
        </Col> 
        </Row> 
</Grid> 

abc(v){ 

    // Alert.alert("hhjfgdfu"+v.attr('ref')); 
    } 

です

現在のところ、このコードは機能しません。私に解答を提供してください。

Answer 1

このように引数を直接渡すことができます。

<TouchableOpacity onPress = {() => this.abc(1)}> 

次に、関数ではref値を直接受け取ります。

abc(ref){ 

    Alert.alert("hhjfgdfu"+ref); 
}