/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

32 votes229 views1 answer
How to use routes in react js
Javascript React
0 vote223 views1 answer
React native webview disable touch
Javascript React
7 votes223 views3 answers
Conditional style react
Javascript React
-1 vote227 views3 answers
Instalar react native paper
Javascript React
1 vote250 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
3 votes216 views1 answer
React native nox emulator
Javascript React
27 votes232 views6 answers
React usestate
Javascript React
1 vote211 views1 answer
Difference between dom and react dom
Javascript React
3 votes269 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote235 views5 answers
React redux cheat sheet
Javascript React