reactjs - 在 react 中获取 URL ID

Question

嘿，我有一个问题，我们如何从 url 中获取 id

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

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

这是我计划抓到 id valuer 的地方

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

Answer 1

看起来好像你在使用react-router，在声明这样的路由时应该添加你想要获取id的路由。 > path="/product/:id"这应该在您提到您的路线和路由特定组件的地方完成。

在路由组件中，谁会发现 props 中的 id 大多具有此值。 this.props.match.params.id

这可能因路由技术而异，但您可以记录您的 Prop 并使用适当的键获取值。