javascript - ReactJS动态路由没有 "/"

标签 javascript reactjs react-redux

我正在进行电子邮件验证,用户单击系统生成的链接,即:www.mydomain.com/verify?token=982db6fefde1fb使用<Route path="verify?token=:id" component={Verify} />但如果没有 / 我似乎无法让动态 id 工作之前:id它抛出一个路由器错误

Warning: [react-router] Location "/verify?token=982db6fefde1fb25cc0a8cd82dae783ff5519b3f023463c1" did not match any routes.

如何创建动态 :id不使用 / 的路线?

最佳答案

定义路线,如

<Route path="verify" component={Verify} />

现在在 Verify 组件中,您可以获取查询参数,例如

this.props.location.query.token

关于javascript - ReactJS动态路由没有 "/",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41583715/

相关文章:

javascript - 向文本框添加默认值

javascript - xss - 绑定(bind)事件

reactjs - Material-UI:一个组件正在将 SwitchBase 不受控制的检查状态更改为受控

reactjs - 使用 Tailwind CSS 有条件地在 React 组件中设置背景颜色

javascript - mapStateToProps 对象未定义

javascript - 函数作为 React 子项无效。 - React 中的功能组件

javascript - Jquery 检查元素是否存在然后将类添加到不同的元素

javascript - 如果所选按钮值等于对象的任何 `key`,我想将按钮的颜色设置为主要颜色

javascript - ReactJS 中逻辑 OR 运算符期望为 bool 值的表达式

javascript - OpenCart - 通过链接添加产品