[reactJS] 이벤트

App.js

0.00MB

render : 어떤 Html을 그릴 것인가를 결정하는 함수.

리액트에서는 props나 state의 값이 바뀌면 해당되는 컴포넌트의 render함수가 호출되도록 약속되어 있다. 

 - 즉 props나 state값이 바뀔때마다 화면이 다시 그려진다.

 

debugger; : 만 해도 여기에 breakpoint가 걸림.

 

<h1><a href="/" onClick={function(e){
console.log(e);

e.preventDefault(); //a태그의 기본적인 동작 방법을 금지시킴???

alert("hi");

//debugger;
}}>{this.state.subject.title}</a></h1>

 

이부분에서 원래는 alert 팝업 페이지로 넘어가야되는데, e.preventDefault() 함수로 인해서 a태그 onClick에 대한 동작을 막는다.