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