/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 vote139 views1 answer
React padding at bottom svg
Javascript React
1 vote150 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
0 vote146 views1 answer
React catch error in component
Javascript React
0 vote147 views2 answers
React arrow function component
Javascript React
-2 votes161 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
-2 votes147 views1 answer
React router previous location
Javascript React
8 votes139 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote147 views1 answer
How we can set react select required
Javascript React
0 vote145 views1 answer
Make image circle css react
Javascript React
0 vote1.3K views1 answer
How get value of datePicker in react
Javascript React