/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

6 votes175 views1 answer
React dictionary key value avec 2 variable
Javascript React
0 vote196 views1 answer
Load all icon from a folder in react
Javascript React
0 vote204 views1 answer
React developer cvs
Javascript React
0 vote193 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote211 views1 answer
How to use rgba in react native
Javascript React
31 votes198 views1 answer
Install react router dom and save
Javascript React
113 votes183 views4 answers
New create react app
Javascript React
14 votes221 views4 answers
&& in react jsx
Javascript React
2 votes183 views1 answer
Combining two styles react native
Javascript React
0 vote195 views1 answer
React function runs several times
Javascript React