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);
};