리액트-링크 워닝 지우기

Wonju·2022년 1월 31일
0
<Nav.Link>
  <Link to="/">Home</Link>
</Nav.Link>
<Nav.Link>
<Link to="/detail">Link</Link>
</Nav.Link>

<Nav.Link> 안에 <Link> 쓰면

위와 같이 <a>태그 안에 <a>있을수 없다라고 하는 것 같은 워닝이 콘솔에 뜬다. 없애고 싶다면

<Nav.Link as={Link} to="/"> Home </Nav.Link>

위와같이 Nav.Link 안에 바로 경로 써주고, 내부<Link>태그는 없애준다.
as는 리액트 부트스트랩 문법으로, 그냥 저렇게 해주면 워닝 사라진다.

profile
안녕하세여

0개의 댓글