2017-02-19 14 views
1

NavLinkのデフォルトactiveClassNameを設定する方法に反応があり、ルータV4代わりに、各NavLinkのためにそれを設定することの?を設定し、デフォルトのactiveClassNameが反応ルータv4の

<NavLink activeClassName='active' to='/one/'>one</NavLink> 
<NavLink activeClassName='active' to='/two/'>two</NavLink> 
<NavLink activeClassName='active' to='/three/'>three</NavLink> 

それだけで書くことがいいだろう:

<NavLink to='/one/'>one</NavLink> 
<NavLink to='/two/'>two</NavLink> 
<NavLink to='/three/'>three</NavLink> 

答えて

2

は、ラッパーを作りますか?

const MyNavLink = ({ children, ...props }) => (
    <NavLink activeClassName="active" {...props}> 
    {children} 
    </NavLink> 
); 

<MyNavLink to='/one/'>one</MyNavLink> 
関連する問題