反应路由器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';