react router props to component code example

Example 1: route pass props to component

<Route
  path='/dashboard'
  render={(props) => (
    <Dashboard {...props} isAuthed={true} />
  )}
/>

Example 2: route component with props

<Route
  path='/dashboard'
  component={() => <Dashboard isAuthed={true} />}
/>

Example 3: react route props

<Route
          path="/page"
          render={() => (
            <Page
            //pass the props through the route
              username={username}
              password={password}
              email={email}
            />
          )}
          exact={true}
        />

Example 4: can I pass function as prop on route change

<Link to={{
   pathname: '/Content/' + this.props.index
   state: {decrease: this.props.decreaseIndexProject}
}}>Page n°1</Link>

<Router>
  <Switch>
    <Route path="/Content/:index" exact name="content" component={Content} />
  </Switch>
</Router>

// Now in Content you can use it like this.props.location.state.decrease