javascript - 如何在 react 中从url获取数据

标签 javascript reactjs

<分区>

例如,我在 localhost:3000/ProductPage/014 上重定向到我的水疗中心 我怎样才能将“014”值用于我的 React 变量?

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

最佳答案

假设你正在使用 react-router-dom,你可以使用 useParams()

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

然后在你的组件中 ->

let { id } = useParams();

更详细的例子可以看this

关于javascript - 如何在 react 中从url获取数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60438784/

相关文章:

javascript - 关闭按钮未显示在 Bootstrap 可关闭警报上,但功能正常

javascript - $(document).ready(function(){ ... }); 内的自调用函数

javascript - 如何从堆栈溢出中获取新问题的通知?

javascript - 无法导入 typescript react 模态

css - 如何将文本放在右侧的 ListItem 中?

javascript - 单页应用程序和 CSRF token

javascript - 如何检测网页是否正在 WebBrowser Control 中呈现?

javascript - jQuery Wordpress 插件冲突 - Uncaught Error

javascript - 使用箭头在窗口内移动 Div

reactjs - React Dev Tools 不显示组件名称或状态变量名称