/Javascript/React/React route send informaion in url

React route send informaion in url

// your route setup
<Route path="/category/:catId" component={Category} / >

// your link creation
const newTo = { 
  pathname: "/category/595212758daa6810cbba4104", 
  param1: "Par1" 
};
// link to the "location"
// see (https://reacttraining.com/react-router/web/api/location)
<Link to={newTo}> </Link>

// In your Category Component, you can access the data like this
this.props.match.params.catId // this is 595212758daa6810cbba4104 
this.props.location.param1 // this is Par1

Source: stackoverflow.com

Similar codes

20 votes318 views6 answers
Useeffect react example
Javascript React
0 vote336 views1 answer
Hot loading react native shortcut key
Javascript React
0 vote336 views1 answer
React navbar material ui
Javascript React
0 vote316 views1 answer
Background image in react from variable
Javascript React
21 votes312 views5 answers
How to add a shadow react native
Javascript React
0 vote313 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote318 views1 answer
React form input not working
Javascript React
6 votes311 views2 answers
Hr react
Javascript React
1 vote343 views1 answer
Found page without a React Component as default export in
Javascript React
3 votes315 views1 answer
React icons in nextJS
Javascript React