JAVASCRIPT

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} />}

router react how to pass data to class component

//To pass data to the component
<Route exact path = "/" element= {<Page value={4}/>} />
  
//To get the data from inside the component
const value = this.props.value