/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

36 votes384 views2 answers
How to install react router dom version 5
Javascript React
99 votes416 views6 answers
How to install react router DOM
Javascript React
0 vote396 views1 answer
Changing map style react-leaflet
Javascript React
2 votes469 views2 answers
Set delay react native
Javascript React
1 vote386 views1 answer
Iconify react
Javascript React
0 vote414 views1 answer
Array map order by timestamp reactjs
Javascript React
0 vote425 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote358 views1 answer
React deployment pipeline
Javascript React
0 vote378 views1 answer
TextField input font color React Material UI
Javascript React
0 vote383 views1 answer
Semantic UI react focus on input
Javascript React