[React] Visible, non-interactive elements with click handlers must have at least one keyboard listener : ESLint 오류 해결

문지은·2023년 9월 24일
post-thumbnail
  • button 태그가 아닌 요소에 onClick 이벤트를 주면 나타나는 오류
  • 해당 태그를 button 태그로 변경하면 쉽게 해결되지만, 클릭 이벤트가 필요한 div 태그를 버튼으로 바꾸었더니 코드를 알아보기 어려웠다.
  • 오류가 나는 태그에 aria-hidden="true"를 추가하면 태그를 변경하지 않고도 해결 할수 있다.
  • 해결 !

References

profile
코드로 꿈을 펼치는 개발자의 이야기, 노력과 열정이 가득한 곳 🌈

0개의 댓글