Reactjs 使用<；图像>；

我试图在单击图像时为其添加边框，就像单选按钮一样，但仅使用图像。 这段代码在网络上运行得很好，但当我尝试点击设备上的图像时，它什么都没做！ 我尝试执行Alert.Alert（），但它好像没有注册单击

let stylereg_na = { borderRadius: 3, height: hp('7%'), width: wp('25%')};
let stylereg_eu = { borderRadius: 3, height: hp('7%'), width: wp('25%')};
if(regNA)
{
  stylereg_na = {borderWidth: 2, borderColor:'black', borderRadius: 3, height: hp('8%'), width: wp('26%')};
}
return (

    <Image style={stylereg_na} source={na} onClick={() => 
    {
      if(regNA)
        setRegNAStatus(false);
      else
      {
        setRegNAStatus(true);
      }
    }
);

let stylereg_na={borderRadius:3，高度：hp（'7%），宽度：wp（'25%）}；
设stylereg_eu={borderRadius:3，高度：hp（'7%），宽度：wp（'25%）}；
if（regNA）
{
stylereg_na={borderWidth:2，borderColor:'black'，borderRadius:3，height:hp（'8%'），width:wp（'26%'）；
}
返回(
{
if（regNA）
setRegNAStatus（假）；
其他的
{
setRegNAStatus（真）；
}
}
);

您需要像这样包装可触摸组件

<TouchableWithoutFeedback onPress={() => alert('Pressed!')}>
  <Image style={stylereg_na} source={na} />
</TouchableWithoutFeedback>;

alert（'Pressed！'）}>
;

---

如果您想了解更多有关它的信息，如TouchableHighlight或TouchableOpacity，请参阅文档。您需要像这样包装它的TouchableComponent

<TouchableWithoutFeedback onPress={() => alert('Pressed!')}>
  <Image style={stylereg_na} source={na} />
</TouchableWithoutFeedback>;

alert（'Pressed！'）}>
;

如果您想了解更多信息，如TouchableHighlight或TouchableOpacity，请参阅文档