/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

2 votes169 views2 answers
Unable to resolve module react-navigation
Javascript React
1 vote168 views1 answer
React best way of forcing component to update
Javascript React
0 vote206 views1 answer
React native elements bottom sheet close on back button press
Javascript React
32 votes189 views1 answer
Install react router in react app
Javascript React
0 vote166 views2 answers
Barcode scanner react js
Javascript React
0 vote161 views1 answer
CChartpie react
Javascript React
0 vote233 views2 answers
React native maximum update depth exceeded
Javascript React
0 vote240 views1 answer
React flip move
Javascript React
1 vote227 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote169 views2 answers
React native countdown
Javascript React