React router, pass data when navigating programmatically?

Question

We could navigate to different path using

this.props.router.push(\'/some/path\')

Is there a way to send params (object) along when navigating?

Answer 1

You could make a use of useHistory hook of react-router-dom.

Below code is for you to pass your data to the stated route which is "/dashboard".

let history = useHistory();

history.push({
            pathname: '/dashboard',
            state:{
                tags: 'your-value' 
            }
    });

and from the "/dashboard " you can use the useHistory() to receive the above data.