2017-02-19 121 views
1

有没有一种方法来设置NavLink默认activeClassName反应路由器V4,而不必设置每个NavLink为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>