/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

2 votes155 views1 answer
Make page refresh on top in react js
Javascript React
-1 vote154 views2 answers
How to connect react to backend
Javascript React
1 vote165 views1 answer
Adding list items in react
Javascript React
0 vote204 views1 answer
React native image path in vriable
Javascript React
0 vote148 views1 answer
React-native-dropdown-picker for form react native
Javascript React
1 vote155 views1 answer
React material ui classname
Javascript React
0 vote137 views1 answer
React onpaste get value
Javascript React
1 vote145 views2 answers
Upload image react
Javascript React
0 vote144 views1 answer
Form.Control textarea react bootstrap
Javascript React
0 vote154 views1 answer
Reactjs exemple function component
Javascript React