Set Standard activeClassName für NavLink in React Router v4

Question

Gibt es eine Möglichkeit, eine Standard activeClassName für NavLink in React Router v4 anstatt setzen Sie ihn setzen für jedes NavLink?

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

Es wäre schön, nur schreiben:

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

Answer 1

einen Wrapper machen?

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

<MyNavLink to='/one/'>one</MyNavLink>