/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 vote208 views1 answer
Docker react js
Javascript React
22 votes240 views4 answers
Copy text to clipboard reactjs
Javascript React
4 votes229 views2 answers
How to take 100% width in react native
Javascript React
0 vote252 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote247 views1 answer
Display only initials from full name reactjs
Javascript React
0 vote220 views1 answer
React clone element
Javascript React
4 votes233 views2 answers
React countdown timer
Javascript React
0 vote212 views1 answer
Mock a function jest react
Javascript React
10 votes214 views2 answers
React text input onchange
Javascript React
0 vote231 views1 answer
How to use two text fields in one single row react js
Javascript React