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

Question

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

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

在 中Router，我从 重定向/到/movies/all。问题是重定向后，activeClassName不再有效。其他未重定向的路由都很好。我如何activeClassName使用重定向路径进行工作？

Answer 1

仅当位置完全匹配时，尝试从中删除exact才会应用。NavLinkexactactiveClassName注意 - 确保当前位置与 NavLink 中的路径名相匹配activeClassName才能正常工作。此外，如果exact从中删除，/movies它将对像/movies/all.你可以在这里阅读更多