/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

158 votes650 views6 answers
React create app
Javascript React
5 votes403 views1 answer
Import react dom
Javascript React
1 vote383 views1 answer
React native fast image webp ios
Javascript React
0 vote411 views1 answer
React paypal express checkout
Javascript React
2 votes387 views1 answer
React onclick type
Javascript React
4 votes373 views2 answers
HandleClick react
Javascript React
1 vote392 views1 answer
Spread operator react array
Javascript React
31 votes401 views1 answer
Install react router dom and save
Javascript React
18 votes341 views6 answers
React native create apk
Javascript React
3 votes361 views1 answer
UseNav react router
Javascript React