react history push with props code example
Example 1: react router history push parameter
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: history.push with params
import { useEffect } from "react";
import { useLocation } from "react-router-dom";
const SecondPage = props => {
const location = useLocation();
useEffect(() => {
console.log(location.pathname);
console.log(location.search);
console.log(location.state.detail);
}, [location]);
};
Example 4: this.props.history.location.push
props.history.push({ pathname: '/register', state: data_you_need_to_pass});
Example 5: this.props.history.location.push
<Link to={{ pathname: "/register", state: data_you_need_to_pass }}> Register</Link>