[ESLint] Visible, non-interactive elements with click handlers must have at least one keyboard listener.

슈슈·2020년 7월 27일
3

Javascript

목록 보기
3/11

문장을 해석하면 비 대화형 요소의 클릭핸들러에는 적어도 하나의 키보드 리스너가 있어야 한다 는 뜻 입니다.

Interactive Elements(대화형 요소)

Interactive control은 사용자가 입력한 데이터를 브라우저나 서버로 전송하기 위한 도구입니다. 과거에는 데이터 전송을 위해 form이나 javascript를 이용해야했습니다. 하지만 웹이 애플리케이션화 되가면서 웹 문서 어디에서든 데이터 전송을 필요로했고, 이를 위해 새롭게 details, summary, command, menu 요소가 제안되었습니다.

비대화형 요소는 위의 요소를 제외한 나머지 인 것 같네요.

오류 해결

저의 경우에는 아래와 같은 형식의 코드에서 오류가 발생하였습니다.

<button onClick={onClickButton}>버튼</button>

그래서 다음과 같이 수정해주었습니다

<button type="button" onClick={onClickButton}>버튼</button>

button 요소에 type을 지정해주면 해당 오류는 발생하지 않습니다.


출처: https://webdir.tistory.com/321
출처: https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Interactive_elements

profile
정리용😊

0개의 댓글