안녕하세요!
a태그에 대해 궁금한 점이 생겨 문의드립니다.
페이지 이동을 막는 여러 가지 방법이 있겠지만
<a href="javascript:void(0);"></a>
제가 이 방법을 사용했더니, 리액트에서 이제 막을거라면서 아래와 같은 오류가 나더라구요. ㅠ
react_devtools_backend.js:4045 Warning: A future version of React will block javascript: URLs as a security precaution. Use event handlers instead if you can. If you need to generate unsafe HTML try using dangerouslySetInnerHTML instead. React was passed "javascript:void(0);".
구글 찾아보니까
<a href="#/" onClick={e => e.preventDefault}></a>
<Link to="#/" onClick={e => e.preventDefault()}></Link>
이런 식으로 사용하라는 설명이 제일 많던데
이것도 사실 URL이 바뀌잖아욥...? 이렇게 사용하는 게 최선일까요?
혹시 선생님은 어떤 식으로 사용하시는지 궁금합니다.