Javascript 如何让touchableOpacity函数正常工作?

Javascript 如何让touchableOpacity函数正常工作?,javascript,reactjs,react-native,Javascript,Reactjs,React Native,当我按下“免疫增强”按钮时,正确的Pressedinfo显示,因此它的原始功能正常,但问题是它也会提醒citrus,当我单击touchableOpacity时,它应该提醒citrus,但我没有收到任何提醒,请检查下面的代码。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 导出默认函数LinksScreen(){ 常量citrusAlert=()=>Alert.Alert(“citrusAlert”); 常量[Pressedinfo,setPressedInfo]

当我按下“免疫增强”按钮时,正确的Pressedinfo显示,因此它的原始功能正常,但问题是它也会提醒citrus,当我单击touchableOpacity时,它应该提醒citrus,但我没有收到任何提醒,请检查下面的代码。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
导出默认函数LinksScreen(){
常量citrusAlert=()=>Alert.Alert(“citrusAlert”);
常量[Pressedinfo,setPressedInfo]=useState(null)
const pressHandler=(id)=>{
如果(id==1){
设置按信息(
#呆在家里,拯救生命
保持安全距离
勤洗手
止咳
生病了?求救
)
}else if(id==2){
设置按信息(
柑橘(维生素C)
红椒
花椰菜
大蒜
生姜
菠菜
)
}else if(id==3){
设置按信息(
呆在家里,打电话给医疗服务提供者
)
}
}
返回(
按Handler(1)}>
5预防规则
按Handler(2)}>
免疫增强
按Handler(3)}>
感觉不舒服吗?
{Pressedinfo}
)

}
将onPress={citrusAlert()}更改为onPress={citrusAlert}

尽量避免将组件添加到useState钩子中。相反,使用数字、布尔值或字符串更新状态,并使用这些值有条件地渲染组件,最好是在组件自己的文件中。这种方式更容易定位和调试组件以及发生的更改。