为NavLink中设置默认activeClassName阵营路由器V4
问题描述:
有没有一种方法来设置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>
答
制作的包装?
const MyNavLink = ({ children, ...props }) => (
<NavLink activeClassName="active" {...props}>
{children}
</NavLink>
);
<MyNavLink to='/one/'>one</MyNavLink>