❏ React - <a>태그 사용시 나타나는 오류 해결하기 (href 오류)

 

이번에 홈페이지 제작을 하면서  게시판 부분에 <a> 태그를 사용해야 하는 부분이 있었는데

 

이동하는 링크가 따로 없어서 href를 공란으로 두었더리 오류파티가 났었다...!

오류의 내용은 <a>태그 사용 시 href 속성의 유효한 값이 필요하다라고 한다...
이런 태그는 <strictMode>에서 걸리게 되는데 href 속성이 없어도 안되고 유효하지 않아도 문제가 된다.

---

그래서 보통은 이런 식으로 많이 사용한다고 구글링을 통해 알 수 있었는데...

 

✏ 오류를 막기위한 여러 가지 방법들

<a href="#">방법1</a>
<a href="javascript:;">방법2</a>
<a href="javascript:volid(0);">방법3</a>

그러나 이러한 방법들도... 

또 뜬다...

 

그래서 알게 된 방법 아래와 같다...!

 

✏ 해결할 수 있는 여러가지 방법들

<a href="#!">방법1</a>
<a href="{() => false}">방법2</a>

그래서 사용해보았더니...!

 

문제없이 잘 사용되는 것을 볼 수 있었다!

 

특히 방법1은 또한 무반응처리가 되는 것도 확인할 수 있었다...!