/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 vote439 views1 answer
React chrome get language
Javascript React
17 votes422 views5 answers
How to run react native app
Javascript React
0 vote379 views1 answer
Divide string in lines react native max width
Javascript React
0 vote408 views2 answers
Reactjs hello world
Javascript React
0 vote410 views1 answer
Row smaller than the container bootstrap react
Javascript React
0 vote452 views2 answers
React native: how to know th softkey height
Javascript React
25 votes404 views6 answers
React native shadow android
Javascript React
0 vote398 views1 answer
How to disable reactive form submit button in Angular
Javascript React
0 vote396 views1 answer
React native update state object inside object
Javascript React
0 vote403 views1 answer
React native set default ios simulator
Javascript React