反应路由器4中的活动链接

Question

我是新来的反应者，学习路由。我想知道如何在链接上使用活动类。我正在使用下面的代码，但它不起作用。

  <ul>
   <li><Link to="about" activeClassName="active">About</Link></li>
   <li><Link to="company" activeClassName="active">Company</Link></li>
   <li><Link to="contact" activeClassName="active">Contact</Link></li>
  </ul>

Answer 1

如果您使用的是路由器4，则需要使用而不是。 您可以使用下面的import语句来使代码正常工作。

import { NavLink as Link} from 'react-router-dom';