/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 vote109 views1 answer
React native updating options with setoptions
Javascript React
0 vote109 views1 answer
Dropdown list value react fragment
Javascript React
1 vote167 views1 answer
Update create react app package to latest
Javascript React
3 votes92 views2 answers
React how to scroll to element
Javascript React
0 vote108 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote103 views1 answer
Spring reactive web client throw exception test
Javascript React
2 votes99 views1 answer
Can't import react bootstrap
Javascript React
1 vote110 views1 answer
React native generate stylesheet with function
Javascript React
1 vote102 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
0 vote121 views1 answer
React-data-table-component edit action
Javascript React