[React] react.js의 HTML <a> 태그 관련 에러

react.js의 HTML <a> 태그 관련 Error 발생

 

The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles.

 

React에서 흔히 볼 수 있는 에러입니다. 이는 코드규칙을 관리할때 사용되는 라이브러리 eslint에서 제공되는 경고로써 react.js의 <a> 태그를 사용할 때에는 href의 유효성값이 필요하다는 Error입니다.

 

The href attribute requires a valid value to be accessible.
Provide a valid, navigable address as the href value. 
If you cannot provide a valid href, but still need 
the element to resemble a link, use a button and change 
it with appropriate styles.

//잘못된 코드
<a href="#">Naver</a>

//수정된 코드
<a href="#!">Naver</a>
<a href="{()=>false}">Naver</a>