React 이벤트

https://www.youtube.com/watch?v=s3cDPbcoy_4&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=7 

 

 

 

onClick 이벤트가 일어났을때 function(event) event 매개변수를 가진 함수 실행

여기서 event는 event가 일어난 속성 즉 여기서는 a태그이고 event.preventDefault(); 즉 onclick이 일어나도 a태그의 이벤트가 일어나지 않도록 preventDefault()함수로 막았다

 

 

onChangeMode가 일어났을때 alret('header');라는 알람을 호출하는 메소드 정의

props.onChangeMode()를 해둠으로써 정의해둔 메소드를 onClick이 일어났을때 호출한다

 

결과

-----------------------------------------------------------------------------------------------------------------------------------------------------------------

Nav에 onChangeMode에 매개변수는 id값을 가지고 id를 보여주도록하는 함수를 정리

onclick 이벤트가 일어날때 event.preventDefault로 a이벤트가 일어나지 못하도록 막고

id값을 t.id값으로 바꿔준다

t.id가 가르키는 id 값

event.target이 가르키는 것은 이벤트가 일어난 대상 즉 a태그이고 a태그의 id값을 onChangeMode의 매개변수로 주고 onChangeMode함수를 호출한다

 

결과