如何從 onPress 調用方法 on Alert 功能 [React-Native]

Question

如何從 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>

---

在 Alert Dialog 上的 OK 按鈕之后，我需要調用

onDeleteBTN = () => {
    alert(' OnDelete');
}

---

{text: 'OK', onPress: () => {this.onDeleteBTN.bind(this)}},
{text: 'OK', onPress: () => {this.onDeleteBTN}},

---

這不工作

---

Answer 1

第一個問題， 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>
  );
}

注意：

• 我不知道你的alert()函數應該做什么，所以我做了一個記錄到控制台的虛擬函數。
• 還有其他方法可以做到這一點，例如調用onDeleteBTN()或綁定。