react 외부url연결

react에서 외부 사이트 접속하는법

고민

React에서는 <a></a>태그도 사용이 안되고
Link 태그는 react-router-dom 사용으로 인해,
localhost/가 붙어져있는 url로 라우팅이 된다.

해결

이럴때 외부 사이트로 링크를 주고 싶은데 어떻게 할까?
찾아보니 window.open(url)이라는 브라우저 내장메서드로
해결할 수 있었다.

const url = '외부사이트 url';
<div onClick={() => {window.open(url)}}>외부사이트로 가기!</div>