Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react中从url获取数据_Javascript_Reactjs - Fatal编程技术网

Javascript 如何在react中从url获取数据

Javascript 如何在react中从url获取数据,javascript,reactjs,Javascript,Reactjs,例如,我在本地主机上的spa中重定向了:3000/ProductPage/014 如何将'014'值带到react变量 <Route exact path="/ProductPage/:id" render={() => <ProductPage data={data} />} /> } /> 假设您使用的是react router dom,您可以使用useParams() 然后在组件中-> let {

例如,我在本地主机上的spa中重定向了:3000/ProductPage/014 如何将'014'值带到react变量

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

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

然后在组件中->

let { id } = useParams();

有关更详细的示例,请参见

。这是否回答了您的问题?我只是使用它:window.location.hreft这是可行的,但是如果您有一个更复杂的路径,比如
users/:user\u id/posts/post\u id
,那么提取值就会更困难
let { id } = useParams();