/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 vote259 views4 answers
How to pass data between routes in react
Javascript React
0 vote265 views1 answer
Reactjs download file axios
Javascript React
0 vote249 views1 answer
Close all function of react in vscode mac
Javascript React
-2 votes274 views2 answers
React native text align vertical center
Javascript React
0 vote313 views1 answer
Show modal by using id in list react
Javascript React
0 vote252 views1 answer
OAuth with axios react native
Javascript React
0 vote248 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote259 views1 answer
Reduce to calculate sum react
Javascript React
2 votes265 views2 answers
How to change react icon color
Javascript React
0 vote266 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React