'EventTarget' 형식에 '~~~' 속성이 없습니다. error 해결

Seunghwa's Devlog·2022년 5월 19일
1
 const onSelectQuickReview = (e: 
 React.MouseEvent<HTMLDivElement>) => {
    const reviewList = quickReviewList;

    reviewList.map((review: QuickReview) => {
      if (review.quickReviewContents === e.target.innerText) {
        review.selected = !review.selected;
        review.variant = review.selected ? 'default' : 'outlined';
      }
    });

    setIsClick(!isClick);
    setQuickReviewList(reviewList);
  };

'EventTarget' 형식에 'innerText' 속성이 없습니다.

  • 해결
const onSelectQuickReview = (e: React.MouseEvent<HTMLDivElement>) => {
    const reviewList = quickReviewList;
    const target = e.target as HTMLDivElement; // 해결 방법 (1)
  	const target = e.currentTarget; // 해결방법 (2)
  // (1), (2) 두 방법 다 해결은 되지만 (2) 방법을 추천한다

    reviewList.map((review: QuickReview) => {
      if (review.quickReviewContents === target.innerText) {
        review.selected = !review.selected;
        review.variant = review.selected ? 'default' : 'outlined';
      }
    });

    setIsClick(!isClick);
    setQuickReviewList(reviewList);
  };
profile
에러와 부딪히고 새로운 것을 배우며 성장해가는 과정을 기록합니다!

0개의 댓글