离子/反应-长按和单击事件冲突

Question

在Ionic / React项目中，我呈现了一个便笺项列表，单击该便笺项时，将转到该特定便笺的详细信息，但是长按时，将其选中并进入“选择模式”。

对于长按活动，我正在使用：this hook

我的问题是，每当我长按时，该项目就会被选中，而我现在处于“选择模式”，但是，放开点击将被视为点击事件，我会输入注释的详细信息。长按该注释只能将其选中，但是单击鼠标右键应输入详细信息。

在这种情况下，以下是各个注释组件的代码：

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

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