/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 vote235 views1 answer
React native layout animation android
Javascript React
0 vote207 views1 answer
React native getting old navigation parameter
Javascript React
2 votes210 views2 answers
React native position absolute center
Javascript React
0 vote220 views1 answer
Sanity react
Javascript React
1 vote241 views1 answer
React render html variable
Javascript React
1 vote203 views1 answer
Select in react with nchange
Javascript React
0 vote239 views1 answer
How to change a react link icon when you send the link as message in whatsapp
Javascript React
4 votes221 views3 answers
How to add google map in react js
Javascript React
0 vote186 views1 answer
How to display a calender in react native
Javascript React
0 vote292 views1 answer
React native carriage return
Javascript React