개별 따봉 만들기를 하다가 의문이 들어 질문을 남깁니다.

[한대근]

{title.map((item, index) => {
return (
<div key={index} className='list'>
{/* <h3>{ item } <span onClick={handleLikeClick(index)}>👍</span> { likeCount[index] } </h3> 얘는 왜 안 되지..? */}
<h3>{ item } <span onClick={ () => handleLikeClick(index) }>👍</span> { likeCount[index] } </h3>
<p>{index + 1}월 1{index+3}일 발행</p>
<hr />
</div>
);
})}

 

위 코드에서 handleLikeClick을 실행하는 onClick 부분에서 주석 처리하는 부분으로 하면 무한 랜더링 에러가 뜨는데 화살표 함수로 실행하면 제대로 실행이 됩니다. 

어떤 개념을 놓치고 있어서 이 두가지를 명확히 구분 못 하고 있는지가 궁금합니다.

답변해주시면 감사하겠습니다!

[codingapple]

handleLikeClick() 이라고 쓰면 함수를 바로 실행하라는 뜻이라 클릭안하고도 바로 실행되어서 그렇습니다 

[글쓴이]

글