router component props react router dom code example

Example 1: route in component react

import { BrowserRouter, Route, Link } from "react-router-dom";

Example 2: 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

Tags:

Shell Example

Related