/Javascript/React/Set dynamic route in link react js

Set dynamic route in link react js

<BrowserRouter>
  /* Links */
  {heroes.map(hero => (<Link to={'heroes/' + hero.id} />)}

  /* Component */
  <Route path="heroes/:id" component={Hero} />
</BrowserRouter>

class Hero extends Component {
  render() {
    return (
      <div>
        {this.props.match.params.id}
      </div>
    );
  }
}

Source: stackoverflow.com

Similar codes

0 vote110 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
0 vote140 views1 answer
Easy REACT download image
Javascript React
0 vote121 views2 answers
Login with facebook expo react native
Javascript React
0 vote127 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote193 views1 answer
React big calendar messages
Javascript React
0 vote137 views2 answers
Remove state from location on page load in react router dom
Javascript React
4 votes134 views1 answer
Text input placeholder color react native
Javascript React
2 votes122 views2 answers
Add 2 class names react
Javascript React
3 votes132 views2 answers
Get param is react
Javascript React
0 vote115 views1 answer
React router history not defined
Javascript React