/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 vote163 views1 answer
React get current date minus 7 days
Javascript React
0 vote148 views1 answer
React native svg size
Javascript React
24 votes178 views6 answers
Proptypes react
Javascript React
0 vote146 views1 answer
Detect if user is online react
Javascript React
7 votes161 views4 answers
React router link
Javascript React
6 votes138 views2 answers
React in jquery
Javascript React
1 vote194 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote142 views1 answer
TextField input font color React Material UI
Javascript React
1 vote138 views5 answers
React date picker
Javascript React
0 vote157 views3 answers
Get url parameter in react js
Javascript React