/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

3 votes161 views3 answers
How to install formik in react native
Javascript React
11 votes188 views2 answers
How to add react icons using npm
Javascript React
0 vote306 views1 answer
When reload the page the route gone in react js laravel
Javascript React
26 votes241 views6 answers
React redirect to url
Javascript React
1 vote216 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
9 votes192 views2 answers
How to redirect react router from the app components
Javascript React
0 vote194 views2 answers
Assigning ID to view react native
Javascript React
2 votes264 views1 answer
React router 6 navigate
Javascript React
0 vote190 views1 answer
Create react app cloudfront invalidation
Javascript React
4 votes241 views2 answers
React multiple select dropdown
Javascript React