/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

1 vote226 views1 answer
Bootstrap icons react
Javascript React
9 votes253 views2 answers
Axios react js
Javascript React
0 vote252 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote235 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote254 views1 answer
React userefrence example
Javascript React
0 vote244 views2 answers
React toggle boolean state
Javascript React
1 vote267 views2 answers
How to place text input cursor to start in react native
Javascript React
5 votes266 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote248 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
26 votes269 views6 answers
React js
Javascript React