/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 vote218 views1 answer
Nice react native shadow
Javascript React
1 vote137 views1 answer
React get input value on button click functional component
Javascript React
0 vote130 views1 answer
Set default types react
Javascript React
23 votes141 views6 answers
React native shadow
Javascript React
0 vote149 views2 answers
React native share image
Javascript React
0 vote120 views1 answer
React google login
Javascript React
0 vote133 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
2 votes137 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote99 views1 answer
React native rebuild
Javascript React
0 vote136 views1 answer
Get input value in react using hooks
Javascript React