/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

3 votes285 views1 answer
React hooks delete item from array
Javascript React
1 vote342 views1 answer
How to use cookies in react js
Javascript React
7 votes267 views4 answers
React router link
Javascript React
0 vote284 views1 answer
Strike react native
Javascript React
0 vote292 views1 answer
React children map
Javascript React
0 vote372 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote277 views5 answers
Generate component react
Javascript React
15 votes290 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote310 views1 answer
React receiving socket muitple times
Javascript React
1 vote301 views1 answer
React-native curved view
Javascript React