일반 HTML 스크립트를 jsx

Question

으로 변환 여기 아주 간단한 문제로 어려움을 겪고 있습니다. 도움이 필요합니다.

: 내 HTML 스크립트는 NavLink이 코드와 간단한 위젯이 어디 있는지

<ul className="main-nav"> 
    <NavLink to="/" onlyActiveOnIndex>δσαδσαδ</NavLink> 
    <NavLink to="/" onlyActiveOnIndex>δσαδσαδ</NavLink> 
</ul> 

을 쓰고 있어요 그래서 반응 라우터에서 링크 태그를 사용하여 작성하려면이

<nav class="mainNav"> 
    <ul> 
    <li><a href="#" class="active">δσαδσαδσαδσα</a></li> 
    <li><a href="#">δσαδσαδσαδσα</a></li> 
    </ul> 
</nav> 

입니다

export default function (props) { 
    return (
    <Link 
     {...props} 
    />); 
} 

무엇이 누락 되었습니까? 내 레이아웃이 HTML 스크립트와 다릅니다.

Answer 1

<a /> 링크를 <NavLink />으로 바꾸시겠습니까?

<nav className="mainNav"> 
    <ul> 
    <li> 
     <NavLink to="/" onlyActiveOnIndex>δσαδσαδ</NavLink> 
    </li> 
    <li> 
     <NavLink to="/" onlyActiveOnIndex>δσαδσαδ</NavLink> 
    </li> 
    </ul> 
</nav> 

Answer 2

당신은 아마 li 태그 내부에 NavLink 구성 요소를 배치해야합니다.

<nav class="mainNav"> 
    <ul> 
    <li><NavLink to="/" onlyActiveOnIndex>δσαδσαδ</NavLink></li> 
    <li><NavLink to="/" onlyActiveOnIndex>δσαδσαδ</NavLink></li> 
    </ul> 
</nav>