/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 vote104 views1 answer
Change react native app name
Javascript React
0 vote117 views1 answer
Refresh page by hand in react
Javascript React
0 vote94 views1 answer
React native notify user for new version of app
Javascript React
0 vote112 views1 answer
Persian calender for react-native
Javascript React
0 vote108 views1 answer
React Native Text style example
Javascript React
9 votes102 views2 answers
React select options
Javascript React
66 votes111 views6 answers
Routing react
Javascript React
0 vote108 views1 answer
Make a component update every second react
Javascript React
0 vote102 views1 answer
Enzynme not support react 17
Javascript React
0 vote95 views1 answer
How to put react compnent to bottom
Javascript React