/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

40 votes254 views4 answers
On click copy to clipboard react
Javascript React
0 vote252 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
0 vote265 views1 answer
Import a component react js
Javascript React
3 votes240 views2 answers
Whatare portals in react
Javascript React
0 vote241 views1 answer
React native fetch response code
Javascript React
0 vote258 views1 answer
Evaluating '_reactNativeImageCropPicker.default.openCamera
Javascript React
0 vote252 views1 answer
Make input fixed position reactjs
Javascript React
9 votes249 views2 answers
How to redirect react router from the app components
Javascript React
0 vote245 views1 answer
Which algorithm React is used to compare dom?
Javascript React
1 vote255 views1 answer
React-redux imports
Javascript React