/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

16 votes192 views1 answer
Deploy react app netlify
Javascript React
0 vote195 views1 answer
Limit data with axios in react js
Javascript React
0 vote231 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
0 vote177 views2 answers
How to give data from react native to webview
Javascript React
1 vote174 views2 answers
Prevstate in react
Javascript React
0 vote165 views1 answer
Organize api calls react native folder
Javascript React
0 vote227 views1 answer
React native npm run start port
Javascript React
-1 vote161 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
1 vote192 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
0 vote185 views1 answer
React native tdd emzyme
Javascript React