Ant-design: Untergeordnete Elemente innerhalb des <button/>sollten durchklickbar sein

Erstellt am 31. Juli 2017  ·  5Kommentare  ·  Quelle: ant-design/ant-design

Ausführung

2.12.3

Umgebung

MAC, Chrome 61,

Reproduktionslink

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

Schritte zum Reproduzieren

Bitte sehen Sie sich die Konsole an, um das Verhalten im Codepen-Beispiel zu überprüfen, während Sie auf die

help wanted

Hilfreichster Kommentar

@mim-Armand Verstanden. IMO, es ist möglicherweise besser, eine Button Instanz als Argument im Rückruf bereitzustellen, wenn Sie Konsistenz auf Komponentenebene bieten möchten. Wenn das Argument eine Event (oder genauer React.SyntheticEvent ) -Instanz ist, nehme ich an, dass ihr Ziel das eigentliche Ereignisziel ist, das Konsistenz auf Dom-Ebene bietet.
Als Randnotiz können Sie sich immer auf button mit event.currentTarget beziehen.

Alle 5 Kommentare

Ich denke, es ist ein Fehler... Könnten Sie uns einen PR geben, um das Problem zu beheben?

Klar, ich werde diese Woche versuchen, eine PR zu machen :+1:

@benjycui Ich verstehe nicht ganz, warum das Ereignisziel immer auf das Schaltflächenelement gesetzt werden sollte. Das Ziel eines Ereignisses sollte das Element sein, von dem das Ereignis stammt.

@jddxf genau, wenn Sie auf ein <Button/> klicken, erwarten Sie, dass es als Ziel übergeben wird, unabhängig davon, auf welchen Teil des <Button/> Sie klicken. (das ist das ganze Versprechen von Modulen und Komponenten, einer Reihe von Eingängen und einer Reihe von konsistenten Ausgängen)
Jetzt kann die Button-Komponente ein <span/> oder ein anderes Element unter der Haube haben (was nicht einmal verwendbar ist, da niemand weiß, dass es da ist, es ist buchstäblich direkt unter der Haube), diese Elemente können Wrapper sein, können unsichtbar oder integriert sein im <Button/> . Stellen Sie sich nun vor, dass sich das Klicken auf denselben Button jedes Mal anders verhält, nur weil Sie manchmal auf das unsichtbare span innerhalb des Button und manchmal auf das Button selbst geklickt haben, das ist sicher ist nicht konsistent oder erwünscht.
Also zu Ihrem Punkt, imo sollte das Ereignisziel immer auf die Schaltfläche gesetzt werden, wenn auf das Button Element geklickt wurde (Unterkomponenten und Elemente sollten durchklickbar sein)

@mim-Armand Verstanden. IMO, es ist möglicherweise besser, eine Button Instanz als Argument im Rückruf bereitzustellen, wenn Sie Konsistenz auf Komponentenebene bieten möchten. Wenn das Argument eine Event (oder genauer React.SyntheticEvent ) -Instanz ist, nehme ich an, dass ihr Ziel das eigentliche Ereignisziel ist, das Konsistenz auf Dom-Ebene bietet.
Als Randnotiz können Sie sich immer auf button mit event.currentTarget beziehen.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

zombieJ picture zombieJ  ·  182Kommentare

yesmeck picture yesmeck  ·  107Kommentare

hh54188 picture hh54188  ·  121Kommentare

afc163 picture afc163  ·  90Kommentare

imxiongying picture imxiongying  ·  90Kommentare
bleepcoder.com verwendet öffentlich lizenzierte GitHub-Informationen, um Entwicklern auf der ganzen Welt Lösungen für ihre Probleme anzubieten. Wir sind weder mit GitHub, Inc. noch mit anderen Entwicklern affiliiert, die GitHub für ihre Projekte verwenden. Wir hosten keine der Videos oder Bilder auf unseren Servern. Alle Rechte gehören ihren jeweiligen Eigentümern.
Quelle für diese Seite: Quelle

Beliebte Programmiersprachen
Beliebte GitHub Projekte
Mehr GitHub Projekte

© 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.