react router history push params code example
Example 1: passing data in react router history,push
this.props.history.push({
pathname: '/template',
search: '?query=abc',
state: { detail: response.data }
})
Example 2: react router history push parameter
this.props.history.push({
pathname: '/template',
search: '?query=abc',
state: { detail: response.data }
})
Example 3: history.push with params
import { useHistory } from "react-router-dom";
const FirstPage = props => {
let history = useHistory();
const someEventHandler = event => {
history.push({
pathname: '/secondpage',
search: '?query=abc',
state: { detail: 'some_value' }
});
};
};
export default FirstPage;
Example 4: passing data in react router history,push
<Link to={{
pathname: '/template',
search: '?query=abc',
state: { detail: response.data }
}}> My Link </Link>