이게 무슨 일이야!

리액트에서 a href 막기 본문

프론트엔드 개발/React

리액트에서 a href 막기

명동섞어찌개 2023. 1. 13. 14:01

일반적으로 <a href="javascript:void(0); return false;" onclick="함수"></a> 이런식으로 a 태그의 링크 이동을 막을 수 있는데, 리액트에서는 href="javascript:void(0); return false;" 가 에러가 난다.

 

<a href="#"></a> 로 하는 방법도 있지만, 이 경우 주소가 바뀌는 문제가 생긴다. (그에 따른 처리가 안되는 문제) 

 

그래서 react 에서 위와 같은 효과를 내기 위해서는 이 방법이 그나마 주소가 안바뀌면서 유사한 효과를 내는 것 같다

<a href="#!">해결 방법 1</a>

 

'프론트엔드 개발 > React' 카테고리의 다른 글

rtk query 공통 로딩바 넣기  (0) 2023.10.25
Prime React 의 Editor 에서 toolbar 커스터마이징, 폰트 크기 적용하기  (0) 2023.01.13
운영 빌드 시 console.log 안보이게 하기  (0) 2023.01.04
aes256 암복호화 java 인코딩 -> javascript 디코딩  (0) 2023.01.02
리액트에서 스크롤 위치별 애니메이션 줄때 참고  (0) 2022.12.19
'프론트엔드 개발/React' Related Articles more
Comments