/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

1 vote360 views1 answer
React render html variable
Javascript React
1 vote379 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
1 vote444 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote382 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
0 vote372 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React
0 vote293 views1 answer
React state scope
Javascript React
0 vote395 views1 answer
How to make your own drop down react native
Javascript React
0 vote406 views1 answer
How to prevent previous radio button active react native
Javascript React
0 vote392 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
14 votes410 views4 answers
React how to update state array
Javascript React