リアクションonClickとonTouchStartが同時に起動しました

Question

リアクションアプリにdivがあり、クリックとタッチの両方を処理する必要があります。しかし、モバイルでタップすると、両方のイベントが発生します。

モバイルでスワイプしたり、通常のブラウザをクリックしてもうまくいけば、それぞれの場合に1つのイベントだけが起動されます。

両方のイベントを発生させないようにこのタップの問題を処理するにはどうすればよいですか？

<div 
    className={myClasses} 
    onClick={this.myHandle} 
    onTouchStart={this.myHandle} 
    >&nbsp; 
</div> 

Answer 1

タッチとマウスの間で同様のイベントを使用してこの問題を解決しました。 touchStart/mouseDownまたはtouchEnd/mouseUpを押します。それは、それぞれの状況に応じて、1つまたは別のものを発火させる。

<div 
    className={myClasses} 
    onMouseUp={this.myHandle} 
    onTouchEnd={this.myHandle} 
    >&nbsp; 
</div>