/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 vote231 views1 answer
Angular reactive form remove validation
Javascript React
3 votes262 views1 answer
React how to create range
Javascript React
0 vote267 views1 answer
Space between react native
Javascript React
3 votes242 views2 answers
React native width auto
Javascript React
14 votes232 views3 answers
Cannot resolve react-router-dom
Javascript React
1 vote274 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote229 views1 answer
Jest mock react router params
Javascript React
0 vote244 views1 answer
Ngif react
Javascript React
-1 vote232 views1 answer
History of react js
Javascript React
0 vote239 views1 answer
Open close children modal react
Javascript React