Javascript 如何在ionic/react中关闭ionic Popover？

我正在使用Ionic版本6.10.1构建一个应用程序。确切地说，我使用的是离子与反应语法

在我的应用程序中，我想使用popover组件。它工作得很好，弹出框显示出来了，我可以用它做点什么，但我只能在我点击外部而不是按钮时关闭它。基本上，我在我的popover中集成了两个按钮。A取消和确定按钮。我想在单击“确定”或“取消”时关闭我的popover，但我无法这样做

有一个关闭按钮已经和它的工作时，我点击它。然而，源代码是用javascript编写的，不知怎么的，它看起来像一种外来语言。我什么都不懂

我注意到还有其他离子/角度的例子，但我不知道角度。事实上，我本周开始学习react，所以我是个初学者

---

基本上，我想要的是离子/react中的一个最小示例，它展示了如何做到这一点。谢谢你的帮助。提前感谢

我没有将离子与react一起使用，但这可能会对您有所帮助

dismissPopOver(bool){  // make seperate dismiss function
    setShowPopover(bool);
}
    return (
        <>
          <IonPopover
            isOpen={showPopover}
            cssClass='my-custom-class'
            onDidDismiss={e => setShowPopover(false)}
          >
            <p onClick={()=> dismissPopOver(false)}>Click your Content to dismiss popover</p>

          </IonPopover>
          <IonButton onClick={() => setShowPopover(true)}>Show Popover</IonButton>
        </>
      );

dismissPopOver（bool）{//make separate dismise函数
设置显示窗口（bool）；
}
返回(
setShowPopover（假）}
>
dismissPopOver（false）}>单击您的内容以取消弹出窗口
setShowPopover（true）}>显示Popover
);

我设法解决了这个问题。它不是因为反应或离子而设计的。这是我的一个愚蠢的打字错误

我在滑动组件中使用了popover组件，如下所示

<IonItemSliding>
    <IonItemOptions side="start">
      <IonItemOption onClick={(e) => setShowPopover(true)}>Favorite
      <IonPopover backdropDismiss 
    keyboardClose
    showBackdrop
    isOpen={showPopover}
    onDidDismiss={e => setShowPopover(false)}>
<p>Select Priority and Time To Live</p>
    <IonButton onClick={() => setShowPopover(false)}>dismiss</IonButton>
    </IonPopover>
     </IonItemOption>
    </IonItemOptions>

    <IonItem>
      <IonLabel>Item Options</IonLabel>
    </IonItem>

    <IonItemOptions side="end">
      <IonItemOption onClick={() => console.log('unread clicked')}>Unread</IonItemOption>
    </IonItemOptions>
  </IonItemSliding> 

setShowPopover（true）}>Favorite
setShowPopover（假）}>
选择优先级和生存时间

setShowPopover（false）}>Disclose
项目选项
console.log（'unread clicked'）}>未读

---

注意popover是如何在ItemOption中的，这是错误的。在ItemOption解决了我的问题后，只需移动popover即可

thnx，但它不起作用。这似乎是ionic/react中的一个错误。正如我所看到的，它可以很好地处理角度和简单的js，但是没有关于如何使用react实现这一点的资源。