如何从 onPress on Alert 函数调用方法 [React-Native]
<Button
onPress={{() => Alert.alert(
'Alert Title',
'alertMessage',
[
{text: 'Cancel', onPress: () => console.log('Cancel Pressed!')},
{text: 'OK', onPress: () => {this.onDeleteBTN}},
],
{ cancelable: false }
)}}
>
<Text> Delete Record </Text>
</Button>
在警报对话框上单击“确定”按钮后
我需要打电话
onDeleteBTN = () => {
alert(' OnDelete');
}
{text: 'OK', onPress: () => {this.onDeleteBTN.bind(this)}},
{text: 'OK', onPress: () => {this.onDeleteBTN}},
这不是工作
第一期,Button
组件有一个title
道具而不是有<Text>
作为一个孩子。第二个问题是您有一堆语法错误并且没有正确调用函数(或绑定)。如果你解决了这个问题,那么它应该可以正常工作;例如:
alert = (msg) => {
console.log(msg)
}
onDeleteBTN = () => {
this.alert(' OnDelete')
}
render() {
return (
<View style={styles.container}>
<Button
title="Delete Record"
onPress={() => Alert.alert(
'Alert Title',
'alertMessage',
[
{text: 'Cancel', onPress: () => console.log('Cancel Pressed!')},
{text: 'OK', onPress: this.onDeleteBTN},
],
{ cancelable: false }
)}
/>
</View>
);
}
Note:
- 我不知道你的是什么
alert()
函数应该这样做,所以我做了一个记录到控制台的虚拟函数。
- 还有其他方法可以做到这一点,例如调用
onDeleteBTN()
或绑定。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)