为什么 NavLink 无法正常工作并且没有向 url 添加参数？

Question

我创建了这两个按钮来带你到登录或注册页面，但它们仍然带你到 /auth 页面而没有 /register 或 /login

<NavLink to={`/auth/register`}><button className={styles["btn-register"]}>Zarejestruj się</button></NavLink>
<NavLink to={`/auth/login`}><button className={styles["btn-login"]}>Zaloguj się</button></NavLink>

这里是这个组件的路径

{ path: 'auth/:id', element: <LoginPage /> },

手动输入链接时一切正常 编辑 好的，一切正常，我正在做的人在另一个文件夹中添加了第二个导航栏，我编辑了未使用的导航栏，所以什么都不想工作

Answer 1

希望对您有所帮助

可能有两种方法可以解决。在路由中使用精确路径关键字。或按照下面的说明进行操作。

<Route path="/auth" element="component_name">
<Route path: 'auth/:id', element: <LoginPage /> />
</Route>