/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 vote181 views3 answers
Link react router dom
Javascript React
0 vote184 views1 answer
React buffer to image
Javascript React
4 votes160 views3 answers
Get params in react router dom v6
Javascript React
0 vote172 views1 answer
React file preview
Javascript React
8 votes159 views1 answer
Ternary operator in button react
Javascript React
0 vote174 views1 answer
React overflow scroll
Javascript React
68 votes183 views4 answers
Inline style react
Javascript React
4 votes250 views3 answers
Add google map in react js
Javascript React
0 vote157 views1 answer
React open a link to an outside siite
Javascript React
0 vote169 views2 answers
Assigning ID to view react native
Javascript React