/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

4 votes227 views2 answers
HandleClick react
Javascript React
0 vote226 views2 answers
How to import jquery file in react js
Javascript React
0 vote246 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote196 views2 answers
Dispay react component after some time
Javascript React
1 vote225 views1 answer
Google font in react native
Javascript React
0 vote217 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
1 vote234 views1 answer
Reactnode prop-types
Javascript React
0 vote216 views1 answer
React 1 to 10 rating
Javascript React
2 votes234 views2 answers
How to change react icon color
Javascript React
1 vote222 views1 answer
Unordered list in react native
Javascript React