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;

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 26 2020

Precious Panda

0 Answers Avg Quality 2/10

react router history push parameter

Comment

this.props.history.push({
  pathname: '/template',
  search: '?query=abc',
  state: { detail: response.data }
})

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: history

Link to this answer
Share Copy Link

Contributed on Mar 17 2020

Dangerous Deer

0 Answers Avg Quality 2/10

history.push with params

Comment

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

const SecondPage = props => {
    const location = useLocation();

    useEffect(() => {
       console.log(location.pathname); // result: '/secondpage'
       console.log(location.search); // result: '?query=abc'
       console.log(location.state.detail); // result: 'some_value'
    }, [location]);

};

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 26 2020

Precious Panda

0 Answers Avg Quality 2/10

history push search params

Comment

this.props.history.push({
    pathname: '/client',
    search: "?" + new URLSearchParams({clientId: clientId}).toString()
})

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: history

Link to this answer
Share Copy Link

Contributed on May 16 2020

Alive Antelope

0 Answers Avg Quality 2/10

history.push with params

Comment

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;

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: www.codegrepper.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Nov 13 2021

Sunvi Wo

0 Answers Avg Quality 2/10

react history push search params

Contents

More Related Answers