/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

1 vote178 views1 answer
Reactive localstorage in react
Javascript React
0 vote178 views1 answer
Start to work with a pre existing react projects
Javascript React
0 vote215 views1 answer
How to get parent's ref react
Javascript React
0 vote180 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
1 vote224 views1 answer
Remove underline from hyperlink react
Javascript React
0 vote191 views2 answers
React native view background transparency
Javascript React
3 votes192 views1 answer
Navigation react pass props
Javascript React
7 votes175 views2 answers
Uuid v4 react
Javascript React
0 vote180 views1 answer
Use es6 arrow function in react
Javascript React
0 vote189 views1 answer
React type div onClick
Javascript React