プレーンな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>