/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

18 votes218 views6 answers
Import svg react
Javascript React
0 vote217 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote205 views1 answer
React strap documentation
Javascript React
1 vote178 views1 answer
React native onpress show component
Javascript React
0 vote213 views1 answer
Async wait for axios reactjs
Javascript React
0 vote219 views1 answer
Refresh page by hand in react
Javascript React
0 vote205 views1 answer
How to convert timestamp to date in react native
Javascript React
14 votes202 views5 answers
React conditional class
Javascript React
0 vote193 views1 answer
Change module name react native android studio
Javascript React
0 vote214 views1 answer
React native updating options with setoptions
Javascript React