/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 vote119 views1 answer
Scroll to a input on button click react native
Javascript React
2 votes118 views1 answer
React add gradient top to bottom
Javascript React
1 vote130 views1 answer
Docker react module not found
Javascript React
0 vote125 views1 answer
React is not iterable
Javascript React
42 votes122 views3 answers
React onchange multiple functions
Javascript React
3 votes137 views1 answer
How to stop react app in terminal
Javascript React
5 votes131 views4 answers
Google map in react js
Javascript React
0 vote138 views1 answer
Date in react js
Javascript React
0 vote130 views1 answer
Refresh page by hand in react
Javascript React
0 vote120 views2 answers
Subdomain react app
Javascript React