【问题标题】:How to get data from url in react [duplicate]如何在反应中从url获取数据[重复]
【发布时间】:2020-06-11 19:03:26
【问题描述】:

例如,我在 localhost:3000/ProductPage/014 上的 spa 中重定向 如何将 '014' 值添加到我的反应变量中?

      <Route exact
        path="/ProductPage/:id"
        render={() => <ProductPage data={data} />}
      /> 

【问题讨论】:

标签: javascript reactjs


【解决方案1】:

假设你使用的是 react-router-dom,你可以使用useParams()

import {
  useParams
} from "react-router-dom";

然后在你的组件中 ->

let { id } = useParams();

更详细的例子可以看this

【讨论】:

  • 我只是拿来用它:window.location.href
  • 可行,但如果您有更复杂的路线,例如users/:user_id/posts/post_id,则提取值会更困难
猜你喜欢
  • 2022-06-10
  • 1970-01-01
  • 1970-01-01
  • 2017-09-28
  • 2021-05-26
  • 1970-01-01
  • 2014-01-12
  • 1970-01-01
  • 2021-06-29
相关资源
最近更新 更多