How to get params id in react class component

Question

I want a params id from the url in this class component

App.js

<Switch>
    <Route exact path="/products/:id">
       <AuthChecker>
          <Products />
       </AuthChecker>
    </Route>
</Switch>

Products.js

import React, { Component } from 'react'
    
    class Products extends Component {

     //How to get params id in this class component

      render() {
        return (
          <div>
            <h5></h5>
          </div>
        )
      }
    }

   export default Products

I did check out some questions but I don't get for class component

Thanks in advance

I tried with the match but it won't work but now it works by passing props match — Deep Patel, Jan 21 '21 at 14:09

score 0 · Accepted Answer · answered Jan 21 '21 at 13:25

0

Use match.params for that in combination with Route's render prop:

<Switch>
    <Route exact path="/products/:id" render={({ match }) => (
       <AuthChecker>
          <Products id={match.params.id} />
       </AuthChecker>
    )} />
</Switch>

answered Jan 21 '21 at 13:25

Branislav Lazic

14,388
8
60
85

How to get params id in react class component

1 Answers1