ReactJS - Pass props with Redirect component

You can pass data with Redirect like this:

<Redirect to={{            pathname: '/order',            state: { id: '123' }        }}/>

and this is how you can access it:

this.props.location.state.id

The API docs explain how to pass state and other variables in Redirect / History prop.

javascript reactjs react-router-dom

You should first pass the props in Route where you have define in your App.js

<Route path="/test/new" render={(props) => <NewTestComp {...props}/>}/>

then in your first Component

<Redirect            to={{            pathname: "/test/new",            state: { property_id: property_id }          }}        />

and then in your Redirected NewTestComp you can use it where ever you want like this

componentDidMount(props){console.log("property_id",this.props.location.state.property_id);}

javascript reactjs react-router-dom

You can use browser history state like this:

<Redirect to={{    pathname: '/order',    state: { id: '123' }}} />

Then you can access it via this.props.location.state.id

CodeHunter