classList includes? contains!!

const memoClicked = (e) => {
    if (!e.target.classList.includes('memoPic')) {
      setIsExpanded(memo.id)
    }
  }

memoPic이라는 클래스가 클릭 이벤트의 타겟에 있을 때만 특정 함수를 호출하고 싶었다

그런데 이 함수가 실행되면

e.target.classList.includes is not a function

이라는 에러가 떴다

스택오버플로우에서 답을 찾았다

classList에는 includes가 아니라 contains를 써야 한다고 한다

이런 기본적인 건 좀 외우고 다니고 싶은데 외울 게 너무 많다는 핑계 아닌 핑계로 항상 뒷전이 되어버리는...

const memoClicked = (e) => {
    if (!e.target.classList.contains('memoPic')) {
      setIsExpanded(memo.id)
    }
  }

 

어쨌든 contains로 바꿔주니 원하던 대로 동작했다