/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 vote188 views1 answer
React component visibility
Javascript React
0 vote168 views1 answer
Why doesn't'$' work in react
Javascript React
1 vote178 views1 answer
React navigation asyncstorage install
Javascript React
0 vote194 views1 answer
React native set variable key in loop
Javascript React
114 votes245 views3 answers
Run react app
Javascript React
1 vote282 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
18 votes219 views4 answers
React for loop in render
Javascript React
18 votes209 views6 answers
Import svg react
Javascript React
1 vote221 views1 answer
Cleartimeout react
Javascript React
0 vote131 views1 answer
Fixed menu reactjs
Javascript React