Ionic/React - 长按和单击事件冲突

Question

在 Ionic/React 项目中，我正在渲染一个注释项目列表，单击这些项目时，会转到该特定注释的详细信息，但长按时，会被选中并进入“选择模式”。

对于长按事件，我正在使用：这个钩子

我的问题是，每当我长按时，该项目就会被选中，并且我现在处于“选择模式”，但是，松开单击会被计为单击事件，并且我会输入注释的详细信息。长按注释只能选择它，但快速单击应该输入详细信息。

如果这很重要，这里是单个注释组件的代码：

<IonCard key={note.id} {...selectable}>
      <IonItem color={color} button routerLink={`/notes/${note.id}`}>
        <IonLabel>{note.content}</IonLabel>
      </IonItem>
</IonCard>

防止这种情况发生的最简单方法是什么？任何想法都非常感激。