안녕하세요! React에서 페이지를 라우팅하기 위해서 Link 컴포넌트를 사용하셨을텐데요. 결론부터 말씀드리면, Link 컴포넌트의 onClick 속성에 원하는 로직을 넣으시면 해결이 될 것 같아요. 왜냐하면 Link 컴포넌트의 동작은 ”Link 컴포넌트 클릭 -> onClick에 정의한 이벤트 핸들러 실행 -> 페이지 이동“ 순서로 진행되기 때문이에요. onClick={(event) => { // 여기에 원하는 로직 넣기 }} onClick은 위와 같이 정의하시구, 로직상에서 event.preventDefault()를 호출하시면 Link 컴포넌트의 기본 이벤트(페이지가 이동된다)를 막으실 수 있을거에요. 이제 질문자님께서 이미 앞서 처리하셨던 로직을 함께 조합하시면 완성이 될 것 같네요!

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 5월 3일 오후 4:39

조회 276

댓글 0