如何从 URL 中获取参数

Question

我正在创建一个密码重置组件，用户将在其中输入他们的电子邮件地址，如果该电子邮件存在，则会向该用户发送一封重置电子邮件。重置电子邮件包含 URL，如 website.reset/{userId}/{token}。

我不想将用户 ID 或令牌从后端发送到前端以避免网络钓鱼。我需要的是用户单击 link 并被路由到有效的 URL。我想从 URL 中提取用户 ID 和令牌并将它们插入到我的路由页面

我希望我的路线从 URL 读取信息并呈现为有效页面：

<Router primary={false}>
   <UpdatePassword path="/password-confirm/:uid/:token"  />
</Router>

我想我需要向我的 UpdatePassword 组件添加一个生命周期函数，当用户登陆网站时，我从 URL 中获取 GET 参数。password-confirm/1234/abc .但是我没能让它工作。

我的应用程序是否可以读取 URL 中的信息，或者是否需要事先提供该信息？

Answer 1

您可以使用上面的代码行来获取参数值。

const { uid, token } = this.props.match.params

How to take parameters from a URL