如何使用navlink react路由器重定向到另一个页面

使用react-router-dom中的<Redirect>组件可以实现路由重定向到另一个页面。而<NavLink>组件是react-router-dom中的一个导航链接组件，可以用于在页面中创建导航链接。

要使用<NavLink>实现路由重定向到另一个页面，可以按照以下步骤进行操作：

1. 首先，确保已经安装了react-router-dom包。可以使用以下命令进行安装：
2. 首先，确保已经安装了react-router-dom包。可以使用以下命令进行安装：
3. 在需要使用导航链接的组件中，导入NavLink组件：
4. 在需要使用导航链接的组件中，导入NavLink组件：
5. 在组件的render方法中，使用<NavLink>组件创建导航链接。设置to属性为目标页面的路径，并设置exact属性为true以确保只有在完全匹配时才会应用活动样式。例如：
6. 在组件的render方法中，使用<NavLink>组件创建导航链接。设置to属性为目标页面的路径，并设置exact属性为true以确保只有在完全匹配时才会应用活动样式。例如：
7. 在路由配置文件中，添加目标页面的路由。例如：
8. 在路由配置文件中，添加目标页面的路由。例如：
9. 在上述代码中，<Redirect>组件将根路径/重定向到目标页面/target-page。

这样，当用户点击导航链接时，将会重定向到目标页面。