在React Router v4中为NavLink设置默认的activeClassName

Question

有没有办法在 React Router v4 中为activeClassName设置默认NavLink，而不必为每个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>