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을 ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€ : +1 :

@benjycui 이벀트 λŒ€μƒμ΄ 항상 λ²„νŠΌ μš”μ†Œλ‘œ μ„€μ •λ˜μ–΄μ•Όν•˜λŠ” 이유λ₯Ό 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€. 이벀트의 λŒ€μƒμ€ μ΄λ²€νŠΈκ°€ μ‹œμž‘λœ μš”μ†Œ μ—¬μ•Όν•©λ‹ˆλ‹€.

@jddxf μ •ν™•νžˆ, <Button/> <Button/> λ₯Ό ν΄λ¦­ν•˜λ©΄
이제 Button ꡬ성 μš”μ†Œμ—λŠ” <span/> λ˜λŠ” ν›„λ“œ μ•„λž˜μ— λ‹€λ₯Έ μš”μ†Œκ°€μžˆμ„ 수 μžˆμŠ΅λ‹ˆλ‹€ (아무도 λͺ¨λ₯΄κΈ° λ•Œλ¬Έμ— μ‚¬μš©ν•  μˆ˜μ—†λŠ” μš”μ†Œλ„ μžˆμŠ΅λ‹ˆλ‹€.이 μš”μ†ŒλŠ” 래퍼 일 수 있고 보이지 μ•Šκ±°λ‚˜ 톡합 될 수 μžˆμŠ΅λ‹ˆλ‹€.) <Button/> . 이제 λͺ‡ 번 당신이 클릭 λ•Œλ¬Έ λ‹€λ₯΄κ²Œ 같은 λ²„νŠΌ λ™μž‘ν•©λ‹ˆλ‹€ 각 μ‹œκ°„μ„ 클릭 상상 보이지 μ•ŠλŠ” span λ‚΄λΆ€ Button 과에 λͺ‡ 번 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.