/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

4 votes338 views2 answers
Countdown in react js
Javascript React
73 votes298 views7 answers
React icons
Javascript React
1 vote327 views3 answers
Stripe react js
Javascript React
1 vote323 views1 answer
React lottie player on hover
Javascript React
0 vote304 views1 answer
React Calender Style
Javascript React
4 votes332 views2 answers
Get request react
Javascript React
1 vote315 views1 answer
Conditional style react native
Javascript React
2 votes303 views4 answers
React-hook-form-input npm
Javascript React
0 vote292 views1 answer
Scroll load react
Javascript React
0 vote313 views2 answers
React native modal dismiss keyboard
Javascript React