/Javascript/React/Passing data in react router history,push

Passing data in react router history,push

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

Source: stackoverflow.com

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;

Source: stackoverflow.com

Passing data in react router history,push

this.props.location.state.detail

Source: stackoverflow.com

This.props.history.location.push

<Link to={{  pathname: "/register",  state: data_you_need_to_pass }}> Register</Link>

Source: levelup.gitconnected.com

Similar codes

11 votes169 views3 answers
Add condition inside a className in reactjs
Javascript React
1 vote174 views1 answer
How to clear pod cache in react native
Javascript React
0 vote156 views1 answer
React open a link to an outside siite
Javascript React
1 vote167 views1 answer
Toggle drawer react native
Javascript React
0 vote182 views1 answer
Doughnut chartjs with react display percentage
Javascript React
21 votes160 views4 answers
React memo
Javascript React
18 votes155 views5 answers
How to use svg in react js
Javascript React
0 vote175 views1 answer
Make input fixed position reactjs
Javascript React
1 vote189 views1 answer
Breakline in react native
Javascript React
0 vote163 views1 answer
Get element ref react
Javascript React