react 개별적으로 class추가 e.target useRef

육희영·2023년 6월 1일

회고록

목록 보기
23/24
    const activeElements = useRef([]);

    const handleMenuClick = (e) => {
        const target = e.target;

        if (activeElements.current.includes(target)) {
            target.classList.remove('bg');
            activeElements.current = activeElements.current.filter((el) => el !== target);
        } else {
            target.classList.add('bg');
            activeElements.current.push(target);
        }
    };
           {calendarRows.map((date, dayIndex) => (
                                <td
                                    key={'dd' + dayIndex}
                                    onClick={handleMenuClick}
                                >
                                </td>
                            ))}

0개의 댓글