如果Ionic将“none”实现为triggerAction属性的值，这将是很好的，表明当触发器元素被单击（或悬停或其他任何操作）时，弹出框不应该打开。
我的解决方案是将一个空div放在我希望弹出框出现的元素中，并将该空div设置为触发器元素（而不是实际的按钮或其他）。将此div留空，使其大小为0px × 0px，因此永远不会被单击。

这对你合适吗？

import { IonButton, IonPopover,  } from '@ionic/react';
    
    export const Sample: React.FC = () => {
           const [popoverState, setShowPopover] = useState(false);
          
        return (
           <>
             <IonButton onMouseOver={()=>setShowPopover(true)}> click me</IonButton>
            <IonPopover
            cssClass='my-custom-class'
            isOpen={popoverState}
            onDidDismiss={() => setShowPopover(false)}>
            <p>This is popover content</p>
          </IonPopover>
         </>      
        );
    };
    export default Sample;

得到了同样的请求，我想在我的Ionic页面上的按钮元素上方添加弹出框，以解释按钮在第一次打开应用程序时的作用。
因此，在我的button元素中，我创建了一个空的div，它有一个id和一个click事件，如下所示：

<button>
  <div #btnPlusTutorial (click)="showPopover($event, 'Popover text goes here')"></div>
</button>

然后我使用viewChild来获取我首先在文档顶部导入的元素ref：

import { Component, ElementRef, ViewChild} from '@angular/core';

在构造函数之前，我将元素放入变量btnPlusTutorial中

@ViewChild('btnPlusTutorial') btnPlusTutorial: ElementRef<HTMLElement>;

在函数内部，我以编程方式单击元素

ionViewDidEnter() {
    this.btnPlusTutorial.nativeElement.click()
  }

因此，它使用还必须导入的popoverController调用函数showPopover（）

async showPopover(e: Event, content: string) {
      const popover = await this.popoverController.create({
        component: PopoverComponent,
        componentProps: { content },
        event: e,
        side: "top"
      });
      
      await popover.present()
  }