/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 vote204 views1 answer
Hide component blur react hooks
Javascript React
0 vote204 views1 answer
How to get key from a button in react
Javascript React
1 vote255 views2 answers
Push values to state array class react
Javascript React
4 votes293 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
0 vote234 views1 answer
React native cli sdk.dir
Javascript React
0 vote223 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote238 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
0 vote222 views1 answer
OnChange react functional programming
Javascript React
0 vote217 views1 answer
React live chat widget
Javascript React
0 vote216 views1 answer
React hooks link to external site
Javascript React