/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 vote354 views1 answer
React eslint prettier
Javascript React
0 vote368 views1 answer
Remarkable react js
Javascript React
1 vote357 views1 answer
How to use react memo hooks
Javascript React
2 votes370 views1 answer
How to clean react native project
Javascript React
0 vote370 views1 answer
Dynamic for loop react
Javascript React
2 votes367 views3 answers
React native swiper
Javascript React
0 vote423 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
0 vote386 views1 answer
Date in react js
Javascript React
16 votes291 views2 answers
React fragment
Javascript React
1 vote361 views1 answer
Adding media queries in makeStyle material react
Javascript React