/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 vote390 views2 answers
How to convert time to users timezone in react
Javascript React
0 vote345 views1 answer
I18n react get current language
Javascript React
0 vote407 views1 answer
Javascript react reverse map
Javascript React
5 votes347 views2 answers
What hostings can run react js
Javascript React
0 vote397 views1 answer
How to download json object that come from backend in react
Javascript React
2 votes355 views1 answer
How to dynamically show image from local storage in react native
Javascript React
8 votes363 views1 answer
Ternary operator in button react
Javascript React
3 votes363 views1 answer
How to stop react app in terminal
Javascript React
0 vote410 views1 answer
React native diasble view
Javascript React
11 votes423 views4 answers
React native text underline
Javascript React