Question

我已经使用react-boostrap库创建了导航栏，并且已经将NavLink库中的react-router-dom用于导航项目。但是activeClassName的{{1}}道具对我不起作用。它不会自动追加到活动类中。我也使用了NavLink道具。这是行不通的。下面是我的代码。

activeStyle

先谢谢了。：）

Answer 1

这是因为您需要用connect包装withRouter调用。为此；

npm install compose

import { withRouter } from "react-router-dom";
import compose from "compose";

export default compose(
  withRouter,
  connect(mapStateToProps, mapDispatchToProps)
)(NavBar);

或者您可以在没有compose库的情况下执行此操作，但是随着更多的高级组件进入组件，compose库使代码更具可读性

export default withRouter(connect(mapStateToProps, mapDispatchToProps)(NavBar));

您可以在这里查看official docs，了解为什么需要这样做

活动类在react-router-dom库的NavLink中不起作用

1 个答案: