passing props with history.push 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: 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 3: passing data in react router history,push
this.props.location.state.detail
Example 4: this.props.history.location.push
<Link to={{ pathname: "/register", state: data_you_need_to_pass }}> Register</Link>