/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 vote284 views1 answer
Update array hooks react
Javascript React
0 vote313 views1 answer
Blank array condition in react js
Javascript React
0 vote298 views1 answer
Fetch is not defined jest react
Javascript React
0 vote309 views1 answer
Google pay payment gateway for react js project
Javascript React
21 votes316 views4 answers
React font awesome npm
Javascript React
1 vote319 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
12 votes332 views2 answers
How to integrate redux dev tool to react application
Javascript React
-1 vote346 views1 answer
How to run react native app on simulator
Javascript React
0 vote331 views1 answer
Antd react native
Javascript React
2 votes312 views1 answer
This.setstate is not a function in react native
Javascript React