요청 처리 중입니다...

[React] Event Handling onClick (feat. 이벤트 버블링(event bubbling)

2022-06-14 14:04:09

본 예시는 React에서 onClick 이벤트를 실행하는 방법입니다. onclick을 onClick camelCase로 표기하는 것 이외에는 큰 차이는 없습니다. 예시 소스 import React from "react"; function App() { const handleClick = () => { alert('button is clicked'); } return ( // camelCase 표기법으로 표기 this is a button ) } export default App; 파라미터로 값 받기 이벤트 버블링(event bubbling) 방지 이벤트 버블링이란?

DOM 객체 이벤트가 실행될 때 하나의 DOM 객체가 내부 안에 있어 외부와 중첩되는 경우 해당 하는 기능이 두 번 실행 되는 것을 방지한다. preventDefaullt() 사용. 예시 소스 import React from "react"; functi...

# bubbling # 이벤트 # 버블링 # 리액트 # reactjs # react # javascript # eventbubbling # event # 이벤트버블링

원문 링크 : [React] Event Handling onClick (feat. 이벤트 버블링(event bubbling)

등록된 다른 글

[PS4/PS5] () 플래그 테일 : 이노센스 (A Plague Tale Innocence)

[국회의사당 / 여의도 점심] 김명자굴국밥 (막국수)

[Vue] 컴포넌트 사용하기(전역 등록과 지역 등록)

[수원대 맛집] 정가네 곱창전골

[Node] 콘솔에서의 입력 값

[한자틀맞] 설렘 vs 설레임 / 네비게이션 vs 내비게이션