2.12.3
MAC, Chrome 61,
https://codepen.io/anon/pen/EvKmNO?editors=001
\ , \ λ° \ μμ λ₯Ό ν΄λ¦νλ λμ Codepen μνμ λμμ κ²μ¬νλ €λ©΄ μ½μμ μ΄ν΄λ³΄μμμ€.
μμ± λ μ΄λ²€νΈμ λμ μμ±μ νμ \
μ΄λ²€νΈκ° λ€λ₯Έ μμ (νμ μμ)λ‘ μ€μ λ λμμΌλ‘ νΈλ¦¬κ±°λ©λλ€.
λ²νΌμ ν
μ€νΈ λ° / λλ μμ΄μ½μ ν΄λ¦νλ λμ μ μμμ \ λλ \ μμ μ΄λ²€νΈμ target μμ± λ³κ²½
λ²κ·Έ μΈ κ² κ°μλ° .. κ³ μΉ μ μλλ‘ ν보 ν΄ μ£Ό μκ² μ΄μ?
λ¬Όλ‘ μ΄λ² μ£Όμ PRμ ν΄λ³΄κ² μ΅λλ€ : +1 :
@benjycui μ΄λ²€νΈ λμμ΄ νμ λ²νΌ μμλ‘ μ€μ λμ΄μΌνλ μ΄μ λ₯Ό μ λͺ¨λ₯΄κ² μ΅λλ€. μ΄λ²€νΈμ λμμ μ΄λ²€νΈκ° μμλ μμ μ¬μΌν©λλ€.
@jddxf μ νν, <Button/>
<Button/>
λ₯Ό ν΄λ¦νλ©΄
μ΄μ Button κ΅¬μ± μμμλ <span/>
λλ νλ μλμ λ€λ₯Έ μμκ°μμ μ μμ΅λλ€ (μ무λ λͺ¨λ₯΄κΈ° λλ¬Έμ μ¬μ©ν μμλ μμλ μμ΅λλ€.μ΄ μμλ λνΌ μΌ μ μκ³ λ³΄μ΄μ§ μκ±°λ ν΅ν© λ μ μμ΅λλ€.) <Button/>
. μ΄μ λͺ λ² λΉμ μ΄ ν΄λ¦ λλ¬Έ λ€λ₯΄κ² κ°μ λ²νΌ λμν©λλ€ κ° μκ°μ ν΄λ¦ μμ 보μ΄μ§ μλ span
λ΄λΆ Button
κ³Όμ λͺ λ² Button
μ체μ λν κ·Έ μΌκ΄μ±μ΄ μκ±°λ λ°λμ§νμ§ μμ΅λλ€.
λ°λΌμ Button
μμκ° ν΄λ¦λμμ λ μ΄λ²€νΈ νκ²μ νμ λ²νΌμΌλ‘ μ€μ λμ΄μΌν©λλ€ (νμ κ΅¬μ± μμ λ° μμλ ν΄λ¦ μ°κ²°μ΄μ΄μΌ ν¨).
@ mim-Armand μμ μ μ»μμ΅λλ€. IMO, κ΅¬μ± μμ μμ€μ μΌκ΄μ±μ μ 곡νλ €λ©΄ μ½λ°±μ μΈμλ‘ Button
μΈμ€ν΄μ€λ₯Ό μ 곡νλ κ²μ΄ μ’μ΅λλ€. μΈμκ° Event
(λλλ³΄λ€ κ΅¬μ²΄μ μΌλ‘ React.SyntheticEvent
) μΈμ€ν΄μ€ μΈ κ²½μ° ν΄λΉ λμμ΄ DOM μμ€ μΌκ΄μ±μ μ 곡νλ μ€μ μ΄λ²€νΈ λμμ΄λΌκ³ κ°μ ν©λλ€.
μ°Έκ³ λ‘ event.currentTarget
button
λ₯Ό νμ μ°Έμ‘° ν μ μμ΅λλ€.
κ°μ₯ μ μ©ν λκΈ
@ mim-Armand μμ μ μ»μμ΅λλ€. IMO, κ΅¬μ± μμ μμ€μ μΌκ΄μ±μ μ 곡νλ €λ©΄ μ½λ°±μ μΈμλ‘
Button
μΈμ€ν΄μ€λ₯Ό μ 곡νλ κ²μ΄ μ’μ΅λλ€. μΈμκ°Event
(λλλ³΄λ€ κ΅¬μ²΄μ μΌλ‘React.SyntheticEvent
) μΈμ€ν΄μ€ μΈ κ²½μ° ν΄λΉ λμμ΄ DOM μμ€ μΌκ΄μ±μ μ 곡νλ μ€μ μ΄λ²€νΈ λμμ΄λΌκ³ κ°μ ν©λλ€.μ°Έκ³ λ‘
event.currentTarget
button
λ₯Ό νμ μ°Έμ‘° ν μ μμ΅λλ€.