如何从react中的url获取数据

Question

例如，我在 localhost:3000/ProductPage/014 上的 spa 中重定向，如何将“014”值添加到我的反应变量中？

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

Answer 1

假设您正在使用react-router-dom，您可以使用useParams().

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

然后在你的组件中 ->

let { id } = useParams();

有关更详细的示例，您可以查看此