/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 vote287 views1 answer
React native shadow maker
Javascript React
0 vote306 views2 answers
React convert excel to json
Javascript React
-1 vote305 views1 answer
Convert datetime value to time only in reactjs
Javascript React
0 vote286 views1 answer
React-loader-spinner
Javascript React
0 vote310 views1 answer
React js date ago
Javascript React
1 vote283 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
1 vote295 views2 answers
Prevstate in react
Javascript React
0 vote314 views1 answer
Opening a link in another tab in react
Javascript React
0 vote300 views1 answer
React-multi-carousel don't work
Javascript React
6 votes303 views2 answers
Reactjs .map is not a function
Javascript React