/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

23 votes287 views2 answers
Create-react-app npm yarn
Javascript React
0 vote297 views1 answer
Automatic Slideshow in react js
Javascript React
1 vote290 views6 answers
UseEffect react
Javascript React
1 vote301 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote305 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
0 vote286 views2 answers
Hosting react on gh pages
Javascript React
1 vote290 views2 answers
React check internet connection
Javascript React
0 vote325 views1 answer
React-native-bouncy-checkbox
Javascript React
86 votes312 views3 answers
React check if window exists
Javascript React
0 vote290 views1 answer
Change candle color react highcharts
Javascript React