728x90
반응형
화살표 함수를 사용하지 않으면 이벤트 핸들러가
기동되자 마자 실행된다.
아래 예제에서 button 부분을 각각 실행시켜봐라...
결론은, 화살표 함수를 써야, 제대로 이벤트 핸들러가 동작한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render(
<div>
<h1>Event Processing</h1>
<button type="button" onClick={alert('dddd')}>클릭</button> <=================이거를 실행해보고
<button type="button" onClick={()=>{alert('dddd')}}>클릭</button> <=================이거를 실행해봐라.
</div>,
document.getElementById('root')
);
</script>
</body>
</html>
728x90
반응형
댓글