获取URL ID

时间:2019-03-14 07:44:09

标签: reactjs

嘿,我有一个问题,我们如何才能从id捕获url

 onProductClick = item => {
    this.props.history.push(`/product/${item.id}`);
  };

我们如何将id中的url分配给react中的变量

这是我计划抓住id评估器的地方

class ProductView extends React.Component {
 componentDidMount() {
let someVar = this.props.location.pathname.split('/').pop()
console.log('router val ', someVar);}

1 个答案:

答案 0 :(得分:1)

似乎您在使用react-router,在声明这样的路由时,应该添加要获取id的路由。 > path =“ / product /:id”应该在提到路由并路由特定组件的地方完成。

在路由组件内部,该组件将大部分通过此值在道具中找到ID。 this.props.match.params.id

这可能取决于路由技术,但您可以记录道具并使用正确的密钥获取值。