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

时间:2020-07-23 19:50:29

标签: javascript reactjs react-router react-router-dom

我的应用中有反应路由器public static List<Employee> employees = new ArrayList<>();` public void addEmployee() { Employee employee = new Employee(); input=new Scanner(System.in); String fname=input.next(); employee.setFirstName(fname); . . . and others setters... eployees.add(employee); } 。下面是其中之一:

NavLinks

<NavLink exact to = {{pathname: "/", state: {genreId: 0}}} activeClassName = "active-menu" > Movies </NavLink> 中,我从Router重定向到/。问题是重定向后,/movies/all不再起作用。其他未重定向的路由也可以。如何使activeClassName与重定向路径一起使用?

1 个答案:

答案 0 :(得分:1)

尝试使用exactNavLink中删除exactactiveClassName仅在位置完全匹配时才会应用。

注意-确保当前位置与NavLink中的路径名匹配,以使activeClassName正常工作。此外,如果从exact中删除了/movies,则它对于诸如/movies/all之类的子路径将是活动的。

您可以阅读更多here