陣營母語：由一個單一的事件處理方法

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); 
}