/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

8 votes120 views4 answers
Get current url react router
Javascript React
-1 vote137 views1 answer
React_Weather_App
Javascript React
2 votes148 views2 answers
React native scrollview map
Javascript React
0 vote123 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote134 views1 answer
Run react app in different port
Javascript React
0 vote119 views1 answer
React native set variable key in loop
Javascript React
0 vote127 views1 answer
React get dynamic window sizes
Javascript React
0 vote138 views1 answer
Removing borderline of input in react
Javascript React
0 vote118 views1 answer
Npm react-dom
Javascript React
0 vote130 views1 answer
Command reboot android app react native adb command
Javascript React