/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 vote359 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote368 views1 answer
React bootstrap make col disapear in small screens
Javascript React
0 vote397 views2 answers
Datepicker range npm reactjs
Javascript React
20 votes324 views4 answers
Conditional Rendering in React js
Javascript React
0 vote368 views1 answer
@types react-router-dom
Javascript React
0 vote359 views1 answer
React-native-apple-authentication
Javascript React
5 votes359 views2 answers
React img not showing
Javascript React
0 vote331 views1 answer
Configure the Chrome debugger react
Javascript React
0 vote347 views1 answer
React bootstrap col not working
Javascript React
3 votes337 views1 answer
React after deployment givin nginx 404
Javascript React