Javascript 页面重定向后，activeClassName在react路由器NavLink中不工作

我的应用程序中有react router

NavLinks

。其中之一如下：

电影

---

在

路由器中

，我正在从

/

重定向到

/movies/all

。问题是重定向后，

activeClassName

不再工作。其他未重定向的路线也可以。如何使

activeClassName

与重定向路径一起工作？

尝试使用

exact

从

NavLink

删除

activeClassName

，仅当位置完全匹配时才会应用

activeClassName

注意-确保当前位置与NavLink中的路径名匹配，以便

activeClassName

正常工作。此外，如果从

/movies

中删除了

exact

，则它将对子路径（如

/movies/all

）处于活动状态

---

您可以阅读更多内容

这会将您重定向到路径

/

而不是

/movies/all

删除

精确

会改变

活动类名

的行为。即使在导航到另一页后，它仍将

/

路径保持为活动。1。您问题中的示例将转到“/”。2.不要从“/”中删除exact，否则它将拾取“活动css”以及当前活动路由。3.例如-如果您只有一个路径名为“/movies”的菜单项，那么通过从其导航链接中删除exact，您将看到它被高亮显示，即使对于“/movies/all”。4.例如-如果您的菜单项同时包含“/movies”和“/movies/all”，则必须将“精确”添加到“/movies”，以便在/movies/all处于活动状态时不会突出显示该菜单项。调整“精确”以查看适合的，如果这无法解决，请发布详细的代码/沙盒谢谢。我意识到我的

NavLink

的

to

属性应该是我在点击根路径

/

后重定向到的

pathname

。与

电影

然后在

}/>

重定向不同，

电影

应该是

电影

，以便

activeClassName

工作。也许可以编辑您的答案，将其包括在内。有人可能会遇到类似的问题。