/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

1 vote130 views1 answer
Get children react
Javascript React
4 votes147 views1 answer
React router external link
Javascript React
5 votes131 views3 answers
Fetch in react
Javascript React
14 votes125 views2 answers
Photo in React native
Javascript React
0 vote127 views1 answer
React native zindex issue on android
Javascript React
24 votes181 views3 answers
Reactjs sass setup
Javascript React
2 votes135 views1 answer
React strict mode
Javascript React
0 vote132 views2 answers
Barcode scanner react js
Javascript React
1 vote128 views1 answer
Yup only characters regex validation react
Javascript React
2 votes120 views1 answer
React refresh page every second
Javascript React