<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">안녕하세요 강의 잘 듣고 있습니다!</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">콘솔에</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&lt;a&gt; cannot appear as a descendant of &lt;a&gt;</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">라는 오류가 떠서요..</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">bootstrap Nav.link 내부에 라우터 Link를 넣어서 그런 것 같습니다.</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">bootstrap 의 링Nav링크 스타일을 이용하면서 라우터 link를 사용하려면 어떻게 해야하나요?</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">
<div>
<div>Nav.Link의 href에 주소를 넣으면 클릭시 새로고침되면서 이동됩니다 ㅠ</div>
<div>&nbsp;</div>
<div>--------------------------------------------------------</div>
<div>찾아보니 Link 태그를 직접 사용하지말고</div>
<div>
<div>
<div>&lt;Nav.Link as={Link} to="/"&gt;</div>
<div>이런식으로 사용하라고하네요!!</div>
<div>자문자답 ;;</div>
</div>
</div>
</div>
</div>

<div style="color: #a6accd; background-color: #292d3e; font-size: 15px; line-height: 23px; white-space: pre;">
<div style="line-height: 23px;">
<div><span style="color: #89ddff;">&lt;</span><span style="color: #ffcb6b;">Nav.Link</span><span style="color: #89ddff;"> </span><span style="color: #c792ea;">as</span><span style="color: #89ddff;">={</span>Link<span style="color: #89ddff;">} </span><span style="color: #c792ea;">to</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #c3e88d;">/</span><span style="color: #89ddff;">"</span><span style="color: #89ddff;"> </span><span style="color: #c792ea;">style</span><span style="color: #89ddff;">={{</span>color<span style="color: #f07178;"> </span><span style="color: #89ddff;">:</span> <span style="color: #89ddff;">"</span><span style="color: #c3e88d;">white</span><span style="color: #89ddff;">"</span><span style="color: #89ddff;">,</span> textDecoration<span style="color: #f07178;"> </span><span style="color: #89ddff;">:</span> <span style="color: #89ddff;">"</span><span style="color: #c3e88d;">none</span><span style="color: #89ddff;">"</span><span style="color: #89ddff;">}}</span><span style="color: #89ddff;">&gt;</span></div>
<div>home</div>
<div><span style="color: #89ddff;">&lt;/</span><span style="color: #ffcb6b;">Nav.Link</span><span style="color: #89ddff;">&gt;</span></div>
</div>
</div>
<div style="color: #a6accd; background-color: #292d3e; font-size: 15px; line-height: 23px; white-space: pre;">&nbsp;</div>
<div style="color: #a6accd; background-color: #292d3e; font-size: 15px; line-height: 23px; white-space: pre;"><span style="color: #89ddff;">이런식으로 입력하시면 될거애요</span></div>

인프런 커뮤니티 질문&답변

<a> cannot appear as a descendant of <a>