JAVASCRIPT

send data through routes in react

const navigate = useNavigate();
navigate('/other-page', { state: { id: 7, color: 'green' } });

send data through routes in react

const {state} = useLocation();
const { id, color } = state; // Read values passed on state

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

passing data in route react

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

passing data in route react

<Route path="/:name" component={Search} />

passing data in route react

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

passing data in route react

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