Ant-design: Os elementos filho dentro do <button/>devem ser click-through

Criado em 31 jul. 2017  ·  5Comentários  ·  Fonte: ant-design/ant-design

Versão

2.12.3

Meio Ambiente

MAC, Chrome 61,

Link de reprodução

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

Passos para reproduzir

Por favor, olha para o console para inspecionar o comportamento na amostra Codepen enquanto clica nos

help wanted

Comentários muito úteis

@ mim-Armand Entendi. IMO, pode ser melhor fornecer uma instância Button como um argumento no retorno de chamada se você quiser oferecer consistência em nível de componente. Se o argumento for uma instância Event (ou mais especificamente React.SyntheticEvent ), suponho que seu alvo seja o alvo do evento real, que oferece consistência de nível dom.
Como uma observação lateral, você sempre pode se referir a button com event.currentTarget .

Todos 5 comentários

Eu acho que é um bug ... Você poderia nos dar um PR para consertar isso?

Claro, vou tentar fazer um PR esta semana: +1:

@benjycui Não entendo muito bem por que o destino do evento sempre deve ser definido como o elemento botão. O destino de um evento deve ser o elemento onde o evento se origina.

@jddxf exatamente, quando você clica em <Button/> você espera que ele seja passado como o destino, independentemente da parte de <Button/> você clicar. (essa é toda a promessa de módulos e componentes, um conjunto de entradas e um conjunto de saídas consistentes)
Agora o componente Button pode ter um <span/> ou outro elemento por baixo do capô (que nem mesmo pode ser usado, pois ninguém sabe que está lá, está literalmente logo abaixo do capô), esses elementos podem ser invólucros, podem ser invisíveis ou integrados no <Button/> . agora imagine que clicar no mesmo botão se comporta de maneira diferente a cada vez, só porque algumas vezes você clicou no span invisível dentro do Button e algumas vezes no próprio Button , que por com certeza não é consistente ou desejado.
Então, para o seu ponto, imo o destino do evento deve sempre ser definido como o botão, quando o elemento Button foi clicado (subcomponentes e elementos devem ser clicados)

@ mim-Armand Entendi. IMO, pode ser melhor fornecer uma instância Button como um argumento no retorno de chamada se você quiser oferecer consistência em nível de componente. Se o argumento for uma instância Event (ou mais especificamente React.SyntheticEvent ), suponho que seu alvo seja o alvo do evento real, que oferece consistência de nível dom.
Como uma observação lateral, você sempre pode se referir a button com event.currentTarget .

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

ryannealmes picture ryannealmes  ·  3Comentários

plandem picture plandem  ·  3Comentários

longhuasishen picture longhuasishen  ·  3Comentários

tianyacsdn picture tianyacsdn  ·  3Comentários

drcmda picture drcmda  ·  3Comentários
bleepcoder.com usa informações licenciadas publicamente pela GitHub para fornecer aos desenvolvedores em todo o mundo soluções para seus problemas. Não somos afiliados à GitHub, Inc. nem a nenhum desenvolvedor que utilize GitHub para seus projetos. Nós não hospedamos nenhum dos vídeos ou imagens em nossos servidores. Todos os direitos pertencem a seus respectivos proprietários.
Fonte para esta página: Fonte

Linguagens de programação populares
Projetos populares do GitHub
Mais projetos 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.