/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

0 vote99 views1 answer
React '$' is not define
Javascript React
-2 votes120 views1 answer
Setting up a React Environment
Javascript React
2 votes135 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote113 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
8 votes106 views3 answers
Icon shwoing a box react native vector icons
Javascript React
7 votes107 views3 answers
How to update react state array
Javascript React
0 vote128 views1 answer
React make setstate synchronous
Javascript React
0 vote118 views2 answers
React native view background transparency
Javascript React
1 vote123 views1 answer
React repeat
Javascript React
0 vote106 views1 answer
React i18n outside component
Javascript React