[Front end] React The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value.

 

<a></a>
<a href="#"></a>
<a href="javascript:;"></a>
<a href="javascript:void(0);"></a>

웹퍼블리셔가 위와 같이 a 태그를 정의해 주는 경우가 빈번하다. 이런 경우 React에서는 Warring이 나타난다.

a 태그 사용 시 href 속성의 유효한 값이 필요하다는 뜻이다. 이런 태그는 strict mode에서 걸리게 된다. href 속성이 없어도 안되고 유효하지 않아도 문제가 된다.

React에서 Warring을 제거하는 방법은 아래와 같다.

<a href={() => false}></a>
OR
<a href='#!'></a>