pass data between routes react code example

Example 1: react router how to send data

props.history.push('/other-page', { id: 7, color: 'green' }))

Then, you can access the state data in '/other-page' via:

props.location.state

Example 2: passing data in route react

<Route path="/" component={() => <Search name={this.props.name} />} />

Example 3: passing data in route react

render={routeProps => <Search name={this.props.name} {...routeProps} />}