/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 vote276 views1 answer
React animated text yarn package
Javascript React
0 vote287 views1 answer
Shallow render in react
Javascript React
5 votes264 views3 answers
React routes multiple compoenents
Javascript React
2 votes290 views1 answer
React native socket io
Javascript React
0 vote313 views1 answer
React native navigate two screens back
Javascript React
0 vote310 views1 answer
React native-base DatePicker comes up Minimized on iOS Asked
Javascript React
0 vote322 views1 answer
Remove unused dependencies React
Javascript React
0 vote282 views2 answers
React composition
Javascript React
1 vote264 views2 answers
React js class component
Javascript React
0 vote290 views1 answer
Render a react component only after API response is received
Javascript React