/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 vote156 views1 answer
What is react easy emoji
Javascript React
14 votes149 views4 answers
Conditional classname prop react
Javascript React
1 vote175 views1 answer
React counter input
Javascript React
0 vote149 views1 answer
React open on different url instead of localhost
Javascript React
17 votes172 views4 answers
React native geolocation
Javascript React
8 votes152 views2 answers
React native italic text
Javascript React
0 vote156 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote148 views1 answer
Valueof in react native
Javascript React
0 vote149 views1 answer
Get data from mulitple query parameters react
Javascript React
1 vote161 views1 answer
Npm react dropdown
Javascript React