页面重定向后，activeClassName 在反应路由器 NavLink 中不起作用

Question

我的应用程序中有反应路由器NavLinks 。 其中之一如下：

<NavLink exact to = {{pathname: "/", state: {genreId: 0}}} activeClassName = "active-menu" > Movies </NavLink>

在Router中，我从/重定向到/movies/all 。 问题是重定向后， activeClassName不再起作用。 其他未重定向的路线很好。 如何使activeClassName与重定向路径一起使用？

Answer 1

尝试从NavLink中删除exact ，只有在位置exact匹配时才会应用activeClassName 。

注意 - 确保当前位置与 NavLink 中的路径名匹配，以便activeClassName起作用。 此外，如果从/movies中删除了exact ，那么它将对/movies/all等子路径有效。

你可以在这里阅读更多