/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 vote228 views2 answers
Install react webpack
Javascript React
7 votes226 views1 answer
Firebase react js
Javascript React
0 vote208 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
0 vote222 views1 answer
React native skeleton
Javascript React
-1 vote206 views1 answer
New Map() collection in react state
Javascript React
1 vote241 views2 answers
React Context API
Javascript React
0 vote206 views1 answer
Enzyme-adapter-react-17
Javascript React
0 vote231 views1 answer
Code in nested forEach loop- react native
Javascript React
2 votes218 views1 answer
Combining two styles react native
Javascript React
0 vote261 views1 answer
Hot loading react native shortcut key
Javascript React