OnClick 시 자동으로 함수가 실행되는 문제

행행·2023년 1월 25일
0
	<div className="remove" onClick={deleteTodo(id)}></div>
       
        

deleteTodo(id)는 해당 객체의 id값을 받은 후 서버에 삭제 요청을 보내는 함수

저렇게 작성했을 때 페이지 새로고침할 때마다 자동으로 모든 todo가 삭제되는 문제가 발생했다.

이는 이벤트 함수에 파라미터를 집어넣었을 경우에 발생한다고 한다.

따라서 다음과 같이 수정해 주었다.


	<div className="remove" onClick={()=>deleteTodo(id)}></div>
        
  
profile
성장하려고 분투 중인 개발자

0개의 댓글