爲NavLink中設置默認activeClassName陣營路由器V4

Question

有沒有一種方法來設置NavLink默認activeClassName在反應路由器V4，而不必設置每個NavLink？

<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> 

Answer 1

製作的包裝？

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

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