[리액트]<a> cannot appear as a descendant of <a>

react-router의 Link와 <a>태그의 기능이 중복되어 발생하는 오류입니다.

<Link>를 지우고 a태그의 속성에 as={Link}와 to="엔드포인트" 와 같이 작성하면 됩니다.

 

 

 

 

as = {Link} a태그를 Link 처럼 사용하겠다고 정해줍니다.

to = "엔드포인트" Link와 동일하게 이동할 주소를 지정합니다.

포인트는 as라는 키워드로 <a> 태그를 <Link> 처럼 사용할 수 있다는 점입니다.😎