Reactjs 带有React的Ionic popover-如何使其粘在按钮上

根据Ionic文档，我正在尝试将popover粘到按钮（）上。 不幸的是，我不知道如何做到这一点。。。 谢谢

import React，{useState}来自“React”；
从'@ionic/react'导入{IonPopover，IonButton}；
导出常量示例：React.FC=（）=>{
const[showPopover，setShowPopover]=useState（false）；
返回(
setShowPopover（假）}
>
这是popover内容

setShowPopover（true）}>显示Popover
);
};

您还需要在showPopover挂钩中包含一个事件-

const [showPopover, setShowPopover] = useState<{open: boolean, event: Event | undefined}>({
  open: false,
  event: undefined,
});

<IonPopover
    isOpen={showPopover.open}
    event={showPopover.event}
    onDidDismiss={e => setShowPopover({open: false, event: undefined})}
>
   <p>This is popover content</p>
</IonPopover>
<IonButton onClick={(e) => setShowPopover({open: true, event: e.nativeEvent})}>Click</IonButton>

const[showPopover，setShowPopover]=useState({
开：错，
事件：未定义，
});
setShowPopover（{open:false，event:undefined}）}
>
这是popover内容

setShowPopover（{open:true，event:e.nativeEvent}）}>单击

不用担心，很乐意帮忙：）你能帮我一个忙吗？如果这个答案对你有帮助的话，请记下来？谢谢

const [showPopover, setShowPopover] = useState<{open: boolean, event: Event | undefined}>({
  open: false,
  event: undefined,
});

<IonPopover
    isOpen={showPopover.open}
    event={showPopover.event}
    onDidDismiss={e => setShowPopover({open: false, event: undefined})}
>
   <p>This is popover content</p>
</IonPopover>
<IonButton onClick={(e) => setShowPopover({open: true, event: e.nativeEvent})}>Click</IonButton>