in class component "this.props.match.params" is not working in 6.0.0 react-route-dom

[rahulummadisetti]

in class component "this.props.match.params" is not working in 6.0.0 react-route-dom

import React,{ Component } from 'react';

class Customer extends Component{
constructor(props){
super();
}
render() {

    console.log(this.props);
    const  { params }  = this.props.match;

    return (
        <div>
        <h1>Customer</h1>
        <p>{params.id}</p>
        </div>
    )
}

}

export default Customer;

[Manikandan-Raju]

running into same issue. do u have any solution?

[timdorr]

This isn't a feature in v6. You need to use hooks or use a wrapper around your class components to provide the hook data to them.

[Dricc-new]

On this page you will find the solution that, although a bit long, worked for me with react-router-dom 6.14.2

[Nazir-Rizwan]

useParams use for match url route path

[Naim637]

Just watch this 9-minute tutorial.

[Jogata]

The question is "in class component" - this video is for function component.