React路由不呈现基于Django REST url的组件

Question

我有一个密码重置机制，通过Django Rest端点在我的React应用程序中实现。现在，Api发送一封电子邮件，其中包含该结构中的链接：

http://localhost:3000/api/user/auth/password-reset/confirm/MQ/b3x446-bd2f340d3a6de198925002c92e361d8d

在我的组件中，我有以下路径

<Routes>
    <Route exact path="/login" element={<Login />} /> // works
    <Route exact path="/reset-password" element={<ResetPassword />} /> // works
    <Route path="/api/user/auth/password-reset/confirm/*" 
    element={<ResetPasswordConfirm />} /> // doesn't work
</Routes>

不知为何，password-reset/..路径不起作用，而其他路径则起作用。

Answer 1

可以将动态路径添加为:id

<Route path="/api/user/auth/password-reset/confirm/:mq/:id" 
    element={<ResetPasswordConfirm />} />