/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

9 votes230 views5 answers
How to add array data on state react
Javascript React
0 vote257 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React
0 vote267 views1 answer
React JSON data to display in a table
Javascript React
0 vote257 views1 answer
React router native back button
Javascript React
64 votes298 views7 answers
React router
Javascript React
1 vote294 views2 answers
React how to sleep 1 second
Javascript React
0 vote281 views1 answer
React native override style
Javascript React
1 vote256 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
0 vote269 views1 answer
Shortcut to format reactjs visual studio
Javascript React
4 votes299 views2 answers
Hide status bar react native
Javascript React