• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 리액트에서 a태그 링크 막는 방법

리액트에서 a태그 링크 막는 방법

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #24052

    정채원
    참가자

    안녕하세요!

    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이 바뀌잖아욥...?  이렇게 사용하는 게  최선일까요?

    혹시 선생님은 어떤 식으로 사용하시는지 궁금합니다.

    #24068

    codingapple
    키 마스터

    그냥 href를 #으로 남기거나 제거하거나 해도되지않을까요

    onClick={e => e.preventDefault} 이게 젤 좋은 방법같습니다 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠