/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 votes84 views4 answers
Firebase' is not defined no-undef react
Javascript React
16 votes146 views1 answer
React native loop in render
Javascript React
1 vote132 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
1 vote133 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
1 vote138 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote192 views1 answer
Mixed line chart for angular or react
Javascript React
1 vote124 views2 answers
React-native-screens
Javascript React
0 vote145 views1 answer
I18n react get current language
Javascript React
0 vote127 views2 answers
Subdomain react app
Javascript React
0 vote143 views1 answer
Install react-foundation library in react js
Javascript React