“어이 신입, 탈출각이다” | 요즘IT
요즘IT
안녕하세요!
React에서 페이지를 라우팅하기 위해서 Link 컴포넌트를 사용하셨을텐데요.
결론부터 말씀드리면, Link 컴포넌트의 onClick 속성에 원하는 로직을 넣으시면 해결이 될 것 같아요.
왜냐하면 Link 컴포넌트의 동작은 ”Link 컴포넌트 클릭 -> onClick에 정의한 이벤트 핸들러 실행 -> 페이지 이동“ 순서로 진행되기 때문이에요.
onClick={(event) => {
// 여기에 원하는 로직 넣기
}}
onClick은 위와 같이 정의하시구, 로직상에서 event.preventDefault()를 호출하시면 Link 컴포넌트의 기본 이벤트(페이지가 이동된다)를 막으실 수 있을거에요.
이제 질문자님께서 이미 앞서 처리하셨던 로직을 함께 조합하시면 완성이 될 것 같네요!
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2023년 5월 3일 오후 4:39
댓글 0
함께 읽은 게시물
올해로 개발자 생활이 햇수로 20년째다
2005년 7월에 일을 시작했으니, 올해로 개발자 생활이 햇수로 20년째다. 중간에 공백이 조금씩 있었으니 꽉 채운 스무 해는 아니지만, 숫자가 주는 무게는 여전하다. 20년이라는 시간이 흘렀다는 사실이 새삼 신기하게 느껴진다.
< 가장 예쁜 사람이 아니라, 1등 할 사람에게 투표하라 >
1. 유명한 경제학자 케인스는 단기 투자 전략을 미인선발대회에 비유했다.
야근의 관성
제가 한국에서 직장 생활을 시작하고 가장 먼저 배운 것은 아이러니하게도 야근이었습니다. 신입이었던 제게 야근은 선택의 문제가 아니었거든요. 선배들에게 야근은 너무나 당연한 루틴이었고, 저녁 5시가 되면 "퇴근 안 해?"가 아니라 "저녁 뭐 먹을까?"라는 질문을 던졌습니다. 누가 정해놓은 것처럼 부장님이 퇴근해야 과장님이, 과장님이 퇴근해야 대리님이, 대리님이 퇴근해야 비로서 저 같은 신입도 퇴근 생각을 할 수 있었습니다.
... 더 보기6년간의 토이프로젝트 여정을 마무리하며 - 기술블로그 구독서비스 회고록
안
... 더 보기
