How to know which button has been pressed? React

You could try something like:

 const handleBtn = (e) =>{ setModalVisible(true) console.log(e.target.id) } 

and in the DOM:

<TouchableOpacity id="btn_1" onPress={handleBtn} style=stylesDropDown.refuseButton}> <Text> Rechazar </Text> </TouchableOpacity> 

I can't comment because of low score but try:

onPress={event => { const whoAmI = event.target; //Change to what you want to get from clicked element this.setModalVisible(true) }} 

You an console.log the button which is pressed,

here is how:

 <TouchableOpacity onPress={() => { setModalVisible(true); console.log('Aceptar Clicked'); }} style={stylesDropDown.acceptButton}> <Text> Aceptar </Text> </TouchableOpacity> <TouchableOpacity onPress={() => { setModalVisible(true); console.log('Rechazar Clicked'); }} style={stylesDropDown.refuseButton}> <Text> Rechazar </Text> </TouchableOpacity> 

just make it in 2 function

pressBtn1 =()=>{ setModalVisible(true) } pressBtn2 =()=>{ setModalVisible(true) } 

and in the dom:

<TouchableOpacity onPress={pressBtn1} style={stylesDropDown.acceptButton}> <Text> Accept </Text> </TouchableOpacity> <TouchableOpacity onPress={pressBtn2} style=stylesDropDown.refuseButton}> <Text> Refuse </Text> </TouchableOpacity>