React 이벤트 처리

 

이벤트 처리하기 – React

<button onclick="btn('클릭')">클릭!</button>

<script>
	let btn = (msg) => {
    	alert(msg);
   	}
</script>

html에서 쓰던 간단한 코드 이다

이걸 리액트에서 하는데 안 돼서 찾아봤다...

<button onClick={btn}>클릭!</button>

onClick에 ""대신  {}로 묶여있고 함수호출은 함수명 만 적는다..

나는 매개변수를 alert창에 띄우고 싶은거라  더찾아보니

<button onClick={()=>{btnClick('클릭')}}>클릭!</button>

이런식으로 callback함수로 사용 해야했다..

 

벌써부터 머리 아픈 공격하네?