Ant-design: 内部の子要素<button/>はクリックスルーである

作成日 2017年07月31日  ·  5コメント  ·  ソース: ant-design/ant-design

バージョン

2.12.3

環境

MAC、Chrome 61、

複製リンク

https://codepen.io/anon/pen/EvKmNO?editors=001

再現する手順

\

help wanted

最も参考になるコメント

@ mim-Armandあなたの主張を理解しました。 IMO、コンポーネントレベルの一貫性を提供したい場合は、コールバックの引数としてButtonインスタンスを提供する方がよい場合があります。 引数がEvent (より具体的にはReact.SyntheticEvent )インスタンスである場合、そのターゲットは実際のイベントターゲットであり、domレベルの一貫性を提供すると思います。
補足として、 event.currentTargetいつでもbuttonを参照できます。

全てのコメント5件

バグだと思います...修正するためのPRをお願いします。

確かに、今週はPRをしようと思います:+1:

@benjycuiイベントターゲットを常にbutton要素に設定する必要がある理由がよくわかりません。 イベントのターゲットは、イベントが発生した要素である必要があります。

@jddxf正確に、あなたはをクリックすると<Button/>あなたは関係なく、どの部分に、それはターゲットとして渡されることを期待<Button/>あなたは上をクリックします。 (これは、モジュールとコンポーネント、一連の入力、および一連の一貫した出力の完全な約束です)
これで、Buttonコンポーネントの内部に<span/>または別の要素が含まれる可能性があります(これは、内部にあることを誰も知らないため使用できません。文字通り内部にあります)。これらの要素はラッパーであるか、非表示または統合されている可能性があります。 <Button/> 。 同じボタンをクリックすると、毎回異なる動作をすることを想像してみてください。これは、 Button内の非表示のspanをクリックしたときと、 Button自体をクリックしたときだけです。確かに一貫性がないか、望まれていません。
したがって、要点として、 Button要素がクリックされたときは、イベントターゲットを常にボタンに設定する必要があります(サブコンポーネントと要素はクリックスルーである必要があります)

@ mim-Armandあなたの主張を理解しました。 IMO、コンポーネントレベルの一貫性を提供したい場合は、コールバックの引数としてButtonインスタンスを提供する方がよい場合があります。 引数がEvent (より具体的にはReact.SyntheticEvent )インスタンスである場合、そのターゲットは実際のイベントターゲットであり、domレベルの一貫性を提供すると思います。
補足として、 event.currentTargetいつでもbuttonを参照できます。

このページは役に立ちましたか?
0 / 5 - 0 評価
bleepcoder.com は、世界中の開発者にソリューションを提供するために、公にライセンスされた GitHub の情報を使用しています。弊社は、GitHub, Inc.をはじめ、GitHubを利用した開発者のプロジェクトとは提携しておりません。私たちは、私たちのサーバー上のビデオや画像をホストしていません。すべての権利はそれぞれの所有者に帰属します。
このページのソース: ソース

人気のあるプログラミング言語
GitHub の人気プロジェクト
その他の GitHub プロジェクト

© 2024 bleepcoder.com - Contact
Made with in the Dominican Republic.
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.