map에 onClick 넣기

Hmm·2022년 1월 9일
0

PWA 만들기

목록 보기
6/8
  const daysArrMap = daysArr.map((dayElement, i) => (
    <div
      className="dayDiv"
      key={i}
      onClick={() => {
        deleteThisDay(dayElement);
      }}
    >
      {dayElement.day}
    </div>
  ));
  
  //클릭
  const deleteThisDay = (dayElement) => {
    console.log(dayElement.id);
  };

dayDiv(요일번호)를 클릭했을 때, 클릭한 dayDiv의 id 가져오기

  • map함수에서 onClick을 쓰면 왜인지 콜백함수로 써야했다
  • id를 가져올 때 헷갈린 부분. 왜 onClick콜백함수 인자에 dayElement를 안썼는데 어케 받는 거지? 그러니까 dayElement를 주려면 당연히 아래처럼, dayElement를 인자로 줘야하는 줄 알았다.
      onClick={(dayElement) => {
        deleteThisDay(dayElement);
      }}

그런데 아래처럼 적어야 작동이 되었다. (왜쥬)

      onClick={() => {
        deleteThisDay(dayElement);
      }}

0개의 댓글