コードに直接行きましょう。長い間考えてきましたが、問題がどこにあるのかわかりません。
リーリーこの機能は、ここでクリック イベントを使用することを除いて、Taobao の上部にあるナビゲーション バーに似ています。ここで、spreadHandler をトリガーするときにバブリングをキャンセルしますが、ドキュメントのクリック イベントは引き続きトリガーされます。イベントが a タグにバインドされているためなのか、それとも他の理由で発生しているのかわかりません。何が起こっているのか知っている人はいますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
反応の合成イベントでのバブリングを防止しても、ネイティブ イベントのバブリングをキャンセルすることはできません。
リーリーネイティブ イベントでのバブリングを防止すると、反応の合成イベントでのバブリングを防ぐことができます。
そのため、これらを混合しないようにする必要があります。その場合は、次のように追加できます。ドキュメントイベントハンドラーの判断層
e.preventDeafult()
これを試してください:
リーリーReact のイベント メカニズムはネイティブ JS のイベント メカニズムとは異なります。
React の合成イベントはすべて、ドキュメント上のクリックにバインドされたイベント プロキシを通じて実装されるため、合成イベントのバブリングを防止してドキュメント上の他のイベント処理を防ぐことは不可能です (すでにドキュメントにバブリングされています)。そのため、次を使用する必要があります。ネイティブイベント