/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 vote144 views1 answer
Horizontal scrollview in react js
Javascript React
-1 vote142 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote151 views1 answer
React router v6 lazy suspense
Javascript React
4 votes131 views1 answer
Import all images from folder reactjs
Javascript React
0 vote139 views1 answer
Back button not working when modal open in react native
Javascript React
21 votes136 views6 answers
React native vector icons
Javascript React
0 vote149 views1 answer
React native notifications error
Javascript React
0 vote148 views1 answer
React native update state object inside object
Javascript React
19 votes143 views6 answers
React native build android apk
Javascript React
1 vote167 views1 answer
How to delete an object from array in reactjs
Javascript React