React에서 클릭시 외부링크로 열기

문제 상황

React에서 Link태그는 Router와 연관되어 내부의 route로 이동시키기 때문에 다른 외부 링크를 연결하기위해 a태그를 사용할 수 있다.

그렇지만 a태그 없이 클릭 이벤트로 외부링크를 연결하고 싶다면?
이럴 땐 어떻게 해야할까?

코드

<Componenet onClick={() => window.open("외부링크 URL")}

위에서 볼 수 있듯이, window객체의 내장 메소드인 .open()을 사용하면 외부링크와 연결되는 클릭 이벤트 함수를 호출할 수 있다.