/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 vote177 views1 answer
Npm react animation
Javascript React
0 vote197 views1 answer
Reactnaviataion change title
Javascript React
0 vote199 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote233 views1 answer
React native run-android --release
Javascript React
0 vote201 views1 answer
Return multiple native element react native
Javascript React
0 vote176 views1 answer
React rative release
Javascript React
0 vote184 views1 answer
React native set default ios simulator
Javascript React
2 votes205 views1 answer
Path.split is not a function react hook use form
Javascript React
26 votes144 views4 answers
React context
Javascript React
0 vote220 views3 answers
React form validation
Javascript React