Reactjs 如何知道按下了哪个按钮？反应

我有两个这样的按钮：

<TouchableOpacity onPress={() => this.setModalVisible(true)} style={stylesDropDown.acceptButton}>
                        <Text> Accept </Text>
</TouchableOpacity>
<TouchableOpacity  onPress={() => this.setModalVisible(true)} style=stylesDropDown.refuseButton}>
                        <Text> Refuse </Text>
</TouchableOpacity>

this.setModalVisible（true）}style={stylesDropDown.acceptButton}>
接受
this.setModalVisible（true）}style=stylesDropDown.RefueButton}>
拒绝

---

我希望在执行“setModalVisible”功能时，知道这两个按钮中的哪一个被按下。有什么想法吗？

由于分数低，我无法发表评论，但请尝试：

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

---

您可以使用console.log记录按下的按钮

以下是如何：

{
setModalVisible（真）；
log（'Aceptar Clicked'）；
}}
style={stylesDropDown.acceptButton}>
接受器
{
setModalVisible（真）；
log（'Rechazar Clicked'）；
}}
style={stylesDropDown.refuseButton}>
里查扎

您可以尝试以下方法：

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

    }

在DOM中：

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

里查扎

只需将其设置为2函数即可

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

在dom中：

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

接受
拒绝

有一个新的状态，称为“按下

按钮”

，按下其中任何一个按钮都会将状态更新为相应的字符串。