Search
showing results for - "react js usehistory push and pass props"
Abigail
07 Apr 2020
1import { useHistory } from "react-router-dom";
2
3const FirstPage = props => {
4    let history = useHistory();
5
6    const someEventHandler = event => {
7       history.push({
8           pathname: '/secondpage',
9           search: '?query=abc',
10           state: { detail: 'some_value' }
11       });
12    };
13
14};
15
16export default FirstPage;
17
18
19Accessing the passed parameter using useLocation from 'react-router-dom':
20
21import { useEffect } from "react";
22import { useLocation } from "react-router-dom";
23
24const SecondPage = props => {
25    const location = useLocation();
26
27    useEffect(() => {
28       console.log(location.pathname); // result: '/secondpage'
29       console.log(location.search); // result: '?query=abc'
30       console.log(location.state.detail); // result: 'some_value'
31    }, [location]);
32
33};
34
source
similar questions
props is send undefind to functional component in react jsusehistory reactrouter usehistory push search paramsusehistory in react routerhistory push with paramsusehistory examplehow to pass params with history push 3freact router dom useparamsreact router dom usehistory hookhistory pushstateusehistory react router domreact history push search paramsusehistory gobackuse history react router dompassing data in react router history 2cpushthis props history location pushwrite data in props histroy push in react componentread data in props histroy push in react componentreact router history push parameterhow to use history push within function component with parameters 3f
queries leading to this page
react usehistory push not workingreact router usehistory to send datahow to pass state value using usehistory in react jsreact usehistory pass propspassing state between react components usehistory pushhow to push params in usehistory in reacthow to use usehistory to pass data in reactreact pass props with history pushuse state send to component through usehistory pushthis props history push paramshow to use usehistory push in reactpass parameter to component using usehistory in reactreact router dom usehistory push with datacan i send props with usehistory 3fprops history push in functional componenthow to pass props to usehistory in reactreact usehistory push propshow do you pass state to components rendered usehistory pushsend props on usehistoryreact usehistory pushhistory push pass propsreact router pass object in usehistoryusehistory push with propsreact router dom usehistory pushcan i use usehistory push 28 22 2fadd 22 29 in react class componentreact js usehistory push and pass props